* {
	padding:0;
	margin:0;
}

html,body {

 	height: 101%;
 	font-size: 101%;
 }
 
body {
	background:url("../bg/bgwalltest.gif");
 	margin: 0 0 0 0;
 	padding: 0;
 	color:#555555;
 	word-spacing:2px;
 	height:100%;
 	font-family: 'Verdana', Verdana, Helvetica;
 	font-size:12px;
 	line-height:22px;
 	color: #525252;
 	text-align: left;
 }

 h1 {
	font-family:arial;
	font-size:24px;
	color:#2F58A4;
	font-family:arial,sans-serif;
 }

h1.sitename {
font-size:33px;
font-family:"Helvetica";
color:#ffffff;
margin:0px;
padding:0px;
word-spacing:-4px;
letter-spacing:-0px;
margin-bottom:6px;
}

.tagname {
color:#e2ebf4;
font-size:13px;
font-family:"trebuchet ms";
word-spacing:4px;
}

 h2 {
 	margin: 0 0 0.3em 0;
 	color: #525252;
	font-weight: normal;
	font-size:18px;
 }
 
 h3 {
 	margin: 0 0 0.8em 0;
 	padding-top: 0.4em;
 	color: #525252;
 	font-weight: normal;
 	font-size: 1.5em;
 }
 
 h4 {
 	/* margin: 0 0 0.8em 0; */
 	margin: 0 0 0.4em 0;
 	padding-top: 0.4em;
 	color: #525252;
 	font-weight: normal;
 	font-size: 1.2em;
 }
 
 h5 {
 	margin: 0;
 	color: #525252;
 	font-weight: bold;
 	font-size: 1em;
 }
 
 img {
 	border: none;
 }

 p {
 	margin-top: 0;
 	margin-bottom: 1.5em;
 }
 
  a, a:visited, a:active {
 	/* color: #ffb424; */
 	/* color: #99cc00; */
 	/* color: #94c502; */
 	 color: #283262;
 	text-decoration: none;
 }
  
 a:hover,a:focus {
 	/* text-decoration: underline; */
 	color: #28407d;
 	background: #e7f1ff;
 	width:200px;
 }
 

 
  ul {
 	padding-left: 0;
 	margin-top: 0;
 	margin-bottom: 11px;
 	margin-left: 0;
 }
 
 li{
 	list-style: none;
 }
 
 
 
 a.imagelink:hover,a.imagelink:focus {
 	background: none;
	text-decoration:none;
 }
 
 a.imagelink:hover,a.imagelink:focus img {
 	border-color: #53a924;
 	text-decoration:none;
 }
 
 

 .alignright {
 	float: right;
 }
 
 .alignleft {
 	float: left;
 }
 
 .clear {
 	font-size:0.1px;
 	color: #ff0000;
 	padding: 0;
 	margin: 0;
 	clear: both;
 }
 
 .noBtm {
 	margin-bottom: 0;
 	padding-bottom: 0;
 }
 
 .noTop {
 	margin-top: 0;
 	padding-top: 0;
 }
 

 .nobullet {
 	padding-left:2px !important;
  	background:0% !important;
  	border-bottom:1px solid #73b3b4 !important;
 }  
 
 #greensidebar {
  	width:170px;
  	background-repeat:no-repeat;
  	border:1px solid #89c383;
  	font-size:12px;
  }
  
  #greensidebar th {
  	background-color:#83c38e;
  	color:#000;
  	font-weight:bold;
 	padding:2px;
 	background:url("../bg/naat.gif");	
  }
  #greensidebar th a { color:#ffffff; }
  
  #greensidebar td {
  	padding:2px;
  	padding-left:20px;
  	border-bottom:1px solid #79b473;
  } 
 #greensidebar td a {
 	display:block;
 	width:100%;
 	float:left;
 	background:none;
 }   
  

 #subsidebar {
 	width:170px;
 	background-repeat:no-repeat;
 	border:1px solid #a083c3;
 	font-size:12px;
 }
 
 #subsidebar th {
 	background-color:#a083c3;
 	color:#000000;
 	font-weight:bold;
	padding:2px;
	background:url("../bg/purple.gif");	
 }
 #subsidebar th a { color:#ffffff; }
 
 #subsidebar td {
 	padding:2px;
 	padding-left:20px;
 	border-bottom:1px solid #737cb4;
 } 
 #subsidebar td a {
 	display:block;
 	width:100%;
 	float:left;
 	3background:none;
 }  
 
 #sidebar {
 	width:170px;
 	min-height:425px;
 	background-repeat:no-repeat;
 	border:1px solid #5b9400;
 	font-size:12px;
 }
 
 #sidebar th {
 	background-color:#83c3aa;
 	color:#000;
 	font-weight:bold;
	padding:2px;
	background:url("../bg/green.gif");
	height:27px;	
	//height:24px;
 }
 #sidebar th a { color:#ffffff; }

 #sidebar td a {
 	display:block;
 	width:100%;
 	float:left;
 	background:none;
 } 
 
 #sidebar td {
 	padding:2px;
 	padding-left:20px;
 	background:url("../dcsicons/bullet_green.gif") no-repeat left;
 	border-bottom:1px solid #5b9400;
 } 
 
 
 
 #sidebar td:hover {
	background:url("../bg/green-td.gif");  	
 } 
 

#tableblue {
 	background-repeat:no-repeat;
 	border:1px solid #afbfc9;
 	font-size:12px;
 	width:170px;
 }
 
 #tableblue th {
 	background-color:#83aac3;
 	color:#000;
 	font-weight:bold;
	padding:2px;
	background:url("../bg/blueish.gif");
	height:27px;	
	//height:24px;
 }
 #tableblue th a { color:#ffffff; }
 
 #tableblue td {
 	padding:3px;
 	border-bottom:1px solid #afbfc9;
 } 
 
    #footer {
 	border-top:2px solid #7ba8d6;
	margin-top:10px;
 	font-size:10px;
 	text-align:center;
    }

  .postinfo {
 	background:  #f1f1f1 url(../images/infobg.gif);
 	padding: 4px 3px 4px 3px;
 	border:1px solid #adb9c2;
 	margin: 0 0 11px 0;
 	color:#2d4d7e;
 	font-size:11px;
 	word-spacing:1px;
 	font-family:Verdana;
 }
 

 .listing {
 width:100%;
 border-spacing:0px;
 }
 
 
.headinfo {
 	background:  #f6f8f9 url(../images/infobg.gif) repeat-x;
 	padding: 5px 3px 5px 3px;
 	border:1px solid #adb9c2;
 	color:#2d4d7e;
	width:575px;
 	font-size:11px;
 	word-spacing:1px;
 	font-family:Verdana;
 	float:left;
 }
 .headinfo b {
 font-size:13px;
 }

.headinfohalf {
	float:left;
 	background:  #f6f8f9 url(../images/infobg.gif) repeat-x;
 	padding: 0px 3px 5px 0px;
 	border:1px solid #adb9c2;
 	color:#2d4d7e;
	width:255px;
	margin:2px;
 	font-size:11px;
 	word-spacing:1px;
 	font-family:Verdana;
 	height:85px;
 }

 .tdrow {
 	background-color:#f6f8f9;
 	width:575px;
 	font-size:11px;
 	border:1px solid #adb9c2;
	padding:8px 3px 8px 3px;
	float:left;
 }
 
 .tdrow2 {
 	padding-top:8px;
 	width:250px;
 	float:right;
 	font-size:11px;
 }
  
a.sublinks {
	border:1px solid #ced1d3;
	padding:2px;
	margin:2px;
	}

a.sublinks2 {
	border:1px solid #ced1d3;
	padding:2px;
	margin:2px;
	}
	
.noRightBorder {
border-right:0;
} 
.noBottomBorder {
border-bottom:0;
}

.noTopBorder {
border-top:0;
} 

.coverIMG {
	padding:0px;
	margin:0px;	
	margin-right:10px;
	margin-left:3px;
	height:90px;
	width:90px;
	right:4px;
	float:left;
}
.breadcrumbs {
	background:  #ffffff url(../images/breadcrumbbg.gif) repeat-x;
	padding: 0px 3px 1px 3px;
	margin: 0 0 11px 0;
	color:#2d4d7e;
	border:1px solid #cccccc;
	font-size:11px;
	word-spacing:1px;
	font-family:Verdana;
}

.alphabets {
	background:  #ffffff url(../images/alphabg.gif) repeat-x;
	padding: 0px 3px 1px 3px;
	margin: 0 0 11px 0;
	width:575px;
	color:#2d4d7e;
	border:1px solid #cccccc;
	font-size:11px;
	word-spacing:1px;
	font-family:Verdana;
	text-align:center;
}

.f14 { font-size:14px !important; }
.f13 { font-size:13px !important; }
.f11 { font-size:11px !important; }

/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:85%;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */
button:hover, .buttons a:hover,button:focus, .buttons a:focus{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover,.buttons a.positive:focus, button.positive:focus{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover,.buttons a.negative:focus, button.negative:focus{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.songLyrics {
display:none;
height:300px;
overflow-y:scroll;
padding:5px;
}

form { padding:0px; margin:0px; }

.column {
	display:block;
	float:left;
 	color:#2d4d7e;
	width:255px;
	margin:2px;
 	font-size:11px;
 	word-spacing:1px;
 	font-family:Verdana;
}

.hilite {
background-color:yellow;
color:black;
font-style:italic;
font-weight:bold;

}

  .noborder {
  border:0 !important;
  text-decoration:none !important;
  }
  
noscript { float:right; }
noscript.normal { float:left !important; } 
 
.content {
font-size:12px;
background-color:#F7FAFD;
border-color:#1f54bc;
border-style:solid;
border-width: 1px;
background:#F7FAFD url("../images/newskin/dibbot.gif") repeat-x bottom;
margin-right:10px;
}

.content th {
	background:#F7FAFD url("../bg/blue.gif");
	background-color:#4F8ACE;
	color:#ffffff;
	height:27px;
	padding-left:5px;
}

.content td {
	padding:4px;
 	border-bottom:1px solid #d8e8fb;
 	border-right:0px solid #d8e8fb;
}

.med {
	width:50%;
	float:left;
}

.topic {
background-color:#F7FAFD;
border-color:#4F8ACE;
border-style:solid;
border-width:2px 0px 0pt 0pt;
margin-right:10px;
padding:10px 15px;
//width:95.3%;
background:#F7FAFD url("../images/newskin/dibbot.gif") repeat-x bottom;
}

.overline {
border-top:2px solid #4F8ACE;
padding-top:20px;
}

.topic li a {
 display:block;
 width:100%; 
 }
 
 .green-bullet {
 padding-left:15px;
 background:url("../dcsicons/bullet_blue.gif") no-repeat left; 
 float:left;
 }
 
 .topic li {
 border-bottom:1px solid #d8e8fb;
 border-bottom:1px solid #7392b4;
 background:url("../dcsicons/bullet_blue.gif") no-repeat left; 
 padding:2px;
 padding-left:20px;
 //padding-left:0px; 
 }

.topic li:hover {
 background:none;
 }

.topicinfo {
color:#999999;
font-size:9px;
margin-bottom:20px;
border-bottom:1px inset #999999;
}

.mainhead { 
font-family:arial,sans-serif;
font-size:17px;
font-weight:bold;
margin-bottom:5px;
margin-top:0pt;
}

div.pagination {
	padding:3px;
	margin:3px;
	text-align:right;
	font-size:11px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}

div.pagination2 {
	padding:3px;
	margin:3px;
	text-align:left;
	font-size:11px;
}

div.pagination2 a {
	padding: 2px 5px 2px 5px;
	margin-left: 2px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}
div.pagination2 a:hover, div.pagination2 a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
}
div.pagination2 span.current {
	padding: 2px 5px 2px 5px;
	margin-left: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}
div.pagination2 span.disabled {
	padding: 2px 5px 2px 5px;
	margin-left: 2px;
	border: 1px solid #929292;
	color: #929292;
}

.hdforminput {
border:1px solid #dddddd;
font-size:10px;
color:#444444;
height:15px;
}

/* LIGHT BOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 	
	
/* FOR RECIPE SECTION */

.box_1 {
	font:			normal 12px Arial;
	color:			#83c3aa;
	border:			1px solid #83c3aa;
	background:		#FFFFFF;
}
.topTitle {
	font:			bold 14px Arial;
	color:			#333333;
	background:		#EEEEEE;
	border:			1px solid #83c3aa;
}
.titleRow {
	font:			bold 12px Arial;
	color:			#ffffff;
	background: #83c3aa;
	padding:	3px;
}
.titleRow a {
	font:			bold 12px Arial;
	color:			#ffffff;
	background: #83c3aa;
	padding:	3px;
}

.largeTitle {
	font:			bold 13px Arial;
	color:			#ffffff;
	background: #83c3aa;
	padding:3px;
	margin-bottom:15px;
}
.basicText {
	font:			normal 12px Arial;
	color:			#333333;
}
.basicSmallText {
	font:			normal 11px Arial;
	color:			#333333;
	padding:			2px;
}

.oddRow {
	font:			normal 12px Arial;
	color:			#333333;
	background:		#FFFFFF;
	padding:	5px;
}
.evenRow {
	font:			normal 12px Arial;
	color:			#333333;
	background:		#F0F0F0;
	padding:	5px;

}
.detailsOptionButtons {
//	font:			11px 'Arial Narrow';
	color:			#006600;
	padding:	2px;
	line-height:	25px;
	border-bottom:			1px solid #999999;
	text-align:		left;
	margin:			1px;
	display:block;
}
a.detailsOptionButtonsActive {
	font:			bold 11px 'Arial Narrow';
	padding:	2px;
	background: GhostWhite;
	line-height:	25px;
	border-bottom:			1px solid #83c3aa;
	text-align:		left;
	margin:			1px;
	display:block;

}
.flatButton {
	font:			bold 11px 'Arial Narrow';
	color:			#333333;
}
.message {
	font:			bold 12px 'Arial Narrow';
	color:			#000000;
	background:		#FFFFCC;
	border:			1px solid #EEEEEE;
	padding:		3px;
}

ul#tabnav {
border-bottom:0px solid #66a4cc;
font-family:verdana,arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
list-style-type:none;
margin:1em 0pt;
padding:3px 10px;
text-align:left;
}

ul#tabnav li {
display:inline;
m_a_rgin:2px;
}

body#tab li.tab {
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
}

body#tab li.tab a {
background-color:#FFFFFF;
color:#000000;
padding-top:4px;
position:relative;
top:1px;
}

ul#tabnav li a {
background-color:#ccebff;
border-color:#66A2CC;
border-style:solid solid none;
border-width:1px 1px medium;
color:#111;
margin-right:0px;
padding:3px 4px;
text-decoration:none;
background:url("../bg/blue-li-hover.gif");
}

ul#tabnav a:hover {
background:#FFFFFF none repeat scroll 0%;
background:url("../bg/blue-li.gif");
}

.singleborder {
border-width:1px;
}

ul#tabnav li.selectedtab a {
background-color:#F7FAFD;
color:#000000;
padding-top:4px;
position:relative;
top:1px;
background:url("../bg/white-li.gif") ;
border:2px solid #9ab462 !important;
border-bottom:4px solid #fff !important;
}

ul#tabnav li.selectedtab {
background-color:#F7FAFD;
border-bottom:1px solid #FFFFFF;
margin-right:5px;
}

.hoverresize:hover img {
	zs-index:99;
	    psosition:relative;
	    lseft:-1em;
	    tsop:-3px;
	    widsth:120%;
	    heisght:180px;
	    widsth:180px;
	    bsackground-color:#fafafa;
	    border:1px solid #333;

}

.nobg {
background:url('../images/spacer.gif') !important;
}

.hidextra {
padding:0px;
margin:0px;
overflow:hidden;
}

.popup {
    padding:5px;
    margin:5px;
    background-color:#fafafa;
    border:1px solid #cccccc;
    display:none;
    text-align:left;
    width:150px;
}

#botfloat {
    position:fixed;
    display:block;
    bottom:5px;
    right:5px;
    float:right;
    padding:5px;
    margin:5px;
}
* html #botfloat {position:absolute;}

.fullsize {
width:99% !important;
}

#fullContent {
margin-left:6px;
margin-right:6px;
}

.sm {list-style:none; width:560px; height:200px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

.content pre {
font-family:	monospace !important;
font-size:	14px !important;
font-weight:	400 !important;
font-style:	normal !important;
color:	#000000 !important;
text-transform:	none !important;
text-decoration:	none !important;
letter-spacing:	normal !important;
word-spacing:	normal !important;
line-height:	17px !important;
text-align:	start !important;
vertical-align:	baseline !important;
}


/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:left;
      width:100%;
          background:#fff;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          /*padding:10px 10px 0 50px;*/
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;

      }
    #tabs1 a {
      float:left;
      background:url("../bg/tableft1.gif") no-repeat left top;
      margin:1px;
      padding:0 0 0 4px;
      text-decoration:none;
      width:100px;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("../bg/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      width:100px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }



a.ttip {
    position:relative; /*this is the key*/
    z-index:24;
    
}

a.ttip:hover{
z-index:25;
text-decoration: none;
}

a.ttip span {
display: none
}

a.ttip:hover span{ /*the span will display just on :hover state*/
text-decoration: none;
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #aaaaaa;
    background-color:#f0f0f0; color:#000;
    padding:5px;
    text-align: center
}
    


.songs_album a {
	font-size:12px !important;
	color:#333;
	text-transform:capitalize;
}

.songs_album {
	border-right:2px dotted #ADB9C2;
	//background:url("../bg/sep-album-songs.gif") right no-repeat;
	margin:5px;
}

.songs_album img {
	padding:0px;
	margin:0px;	
	margin-right:10px;
	margin-left:3px;
	height:90px;
	width:90px;
	right:4px;
}