/********************************************************************

    File:   

        commonCSS.css

    Brief:  

        Hold common styles for whole website



*********************************************************************/





/*************************

    GLOBAL

*************************/ 



.transparent_class {

	filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;

}



#newsBarContainer

{

    margin-left: 0px;

    height: 16px;

    margin-top:5px;

    margin-bottom: 5px;

	float:right;

	text-align:right;

	

}



#newsBar

{

    width: 575px;

    left:0px;

    top:0px;

    display:inline;

    background-color: transparent;

    font: 10px/16px Verdana;

    float:left;

    margin-left: 0px;



}



#newsBarText 

{

   color: #666;

} 

#newsBarTitle 

{

   color: #ff6600;

   font-weight: bold;

} 

.newsBarNews 

{

  display: none; 

}





* 

{

    border:0px none;  

    font-family:inherit;  

    font-size: 100%;  

    font-style:inherit;  

    font-weight:inherit;  

    margin:0px;  

    padding:0px;  

    vertical-align:baseline;  

}



img 

{

    border:none;        

}

        

a  

{

    text-decoration:none;

} 





  /************************* 

    background-position: 50% 0%;

*************************/

body 

{

   background-color: #c5e8fa;

   background-image: url('/img/backgrounds/com_bg.png');

  background-repeat:no-repeat;

    background-position: 50% 0%;

    

    text-align:left;

    padding:0px;

    margin-top:0px;  

}



#bodyContainer

{

    width:800px;

    margin:auto;

    min-height: 200px; 

    margin-top:0px; 

    padding-top:0px;

    padding-bottom: 0px;  

	background-color: transparent;

}







.bodyEndBlock

{

    width:800px; 

    height:80px; 

    margin:auto;

    margin-top:0px;

    margin-bottom: 0px;

    padding:0px; 

    border:0px solid black; 

    background-color:transparent;

}



/********************************

     CUB3R SLIDER

*********************************/



#cu3erContainerWrapper

{

    width:1000px;

    height:360px;

    padding-left:0px;

    margin-top: 15px;

    background-color: transparent;

    

    background-image: url('../img/slider/cub3r/shadow.jpg');

    background-repeat: no-repeat;

    background-position: 50% 100%;

}



#cu3erContainer

{

    width:960px;

    height:300px;

    margin-left:0px;

    margin-top:0px;

    background-color: transparent;

}



/********************************

     ASYNCHRONOUS IMAGE LOADING

*********************************/ 



.asyncImgLoad { clear: none; } 



/*************************

    UTILITY

*************************/ 



.clearBoth { clear:both; }

.clearLeft { clear:left; }

.clearRight { clear:right; }



.displayNone { display: none; }



.floatLeft { float: left; }

.floatRight { float: right; }  



.spanBold { font-weight: bold; }

.spanItalic { font-style: italic; }

.spanBoldItalic { font-weight: bold; font-style: italic;}



/****************************

   BUTTONS

****************************/ 



.readViewMoreBtn

{

    width: 144px;

    height: 37px;

    padding-left: 5px;

    padding-right: 5px;

    background-color: #ea003c;

    border: 1px solid #ddd;

    color: #000;

    font: bold 18px/37px Tahoma;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    display:block;

}



.readViewMoreBtn:hover

{

    

    background-color: #3399cc;

 

    color: #FFF;

}



.commonLink

{

    color: #3399cc;;

    text-decoration:none;

    cursor: pointer; 

    

    padding-right: 12px;

    background-image: url('../img/common/img/linkArrowBlue.png');

    background-position: 100% 60%;

    background-repeat: no-repeat; 

}



.commonLink:hover

{

    text-decoration:underline;  

}  



/****************************

   CONTENT SECTIONS

****************************/ 



.contentSectionTitleWhite

{

   height: 10px; 

   padding-top:2px;

   padding-bottom:4px;

   padding-left: 5px; 

   font: 10px Verdana; 

   font-weight:bold;

   background-color:#FFF; 

   color:#222;

   text-align: left;

   border-left: 0px solid #eee;

   border-top: 1px solid #ddd;

   border-right: 0px solid #eee;

   border-bottom: 1px solid #ddd;

   text-transform: uppercase; 

}  



/************************************

    NAVIGATION TREE

*************************************/



#navigationTreeContainer

{

    border: 0px solid #ccc;

    height: 20px;

    padding-top: 0px;

    font-family: Arial,Helvetica,sans-serif;

    margin-left: 0px;

    margin-right: 0px;

    font-size: 12px;

    color: #bbb;

    text-align: left;

}



#navigationTreeContainer .prev

{

    color:#ea003c;

}



#navigationTreeContainer .current

{

    color:#bbb;

}



/****************************

   IMAGE PREVIEW - TOOLTIP

****************************/ 



.imgTipLeftTop { clear: none; }

.imgTipRightTop { clear: none; }

.imgTipCenterTop { clear: none; } 



#imgPreview

{

    position:absolute;

    padding:0px;

    margin: 0px;

    z-index:1000;

    visibility:visible;

    overflow: hidden;

    background-color: #151515;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    border: 1px solid #222;

}



#imgPreviewImg

{

    margin:0px;

    padding:0px;

    overflow: hidden;

}



#imgPreviewDesc

{

    padding:4px 4px 4px 4px;

    font:normal 10px/10px Verdana;

    line-height: 110%;

    color:#FFF; 

}





/******************************************

   IMAGE PREVIEW FOR TEXT LABELS - TOOLTIP

*******************************************/ 



.imgTxtPrevLink

{

    cursor: pointer;

    padding-right: 13px;

    background-image: url('../img/common/img/imgLinkBlue.png');

    background-repeat: no-repeat;

    background-position: 100% 20%;

    color: #3399CC;

}



.imgTxtPrevLink:hover

{

    text-decoration: underline;

}





.imgTxtTipLeftTop { clear: none; }

.imgTxtTipRightTop { clear: none; }

.imgTxtTipCenterTop { clear: none; } 



#imgTxtPreview

{

    position:absolute;

    padding:0px;

    margin: 0px;

    z-index:1000;

    border: 1px solid #222;

    visibility:visible;

    overflow: hidden;

    background-color: #151515;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

}



#imgTxtPreviewImg

{

    margin:0px;

    padding:0px;

    overflow: hidden;

}



#imgTxtPreviewDesc

{

    padding:4px 4px 4px 4px;

    font:normal 10px/10px Verdana;

    line-height: 110%;

    color:#FFF; 

}



#imgTxtLoader

{

    width:20px;

    height:20px;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-color: #000;

    position: absolute;

    z-index: 1000;

    visibility: visible;

}



/****************************

   SIMPLE TEXT TOOLTIP

****************************/ 



.textTooltipCenterTop { clear: none;}

.textTooltipLeftTop { clear: none;}

.textTooltipRightTop { clear: none;}



#textPreview

{

    position:absolute;

    border-color: #aaa;

    border-width: 0px;

    border-style: solid;

    padding:0px;

    display:block;

    color:#000;

    z-index:1000;

    visibility: hidden;

    overflow: hidden;

    background-color: #ffa;

}



#textPreviewDesc

{

    padding:4px 8px 4px 8px;

    font:10px Verdana;

    line-height: 140%;

    border: 1px solid #888;

}



/******************************** 

    HEADER

*********************************/



#headerContainer

{

    width:800px;

    padding-right: 0px;

    height:80px;

    margin:auto;

    margin-top:0px;

    padding-top:0px;

    padding-bottom: 5px;

    padding-left:0px; 

    background-color:FFF;  

}



#headerContainer #logo

{

    float:left;

   

    height: 80px;

    width: 104px;

    margin-right: 0px;

    

    background-image: url('../img/header/logo.png');

    background-position: 0% 0%;

    background-repeat: no-repeat;

}



#headerContainer #titleWrapper

{

    height: 80px;

    float: left;

    width: 2px;

    padding-left: 15px;

}



#headerContainer #title 

{

    font: bold 45px "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #000;

}



#headerContainer .titleSlogan

{

    float:left; 

    font: 16px Verdana;

    color: #aaa;

    background-color: transparent;

    padding:0px;

}



#headerContainer #communityThumbsContainer

{

    
	
	margin-right: 30px;
	
	padding-right:10px;

    padding-top: 20px;

    float: left;

  overflow: hidden;

}



#flickrBtn, #twitterBtn, #facebookBtn, #rssBtn 

{

    margin-right: 10px;
	
	margin-top: 2px;
	
	float: right; 

    margin-left: 0px;

    cursor: pointer;

    display: block;

    width:26px;

    height:26px;

    background-position: 0% 0%;

    background-repeat: no-repeat;

}



#flickrBtn

{

    background-image: url('../img/header/flickr.png');

}



#twitterBtn

{

    background-image: url('../img/header/twitter.png');

}



#facebookBtn

{

    background-image: url('../img/header/facebook.png');

}



#rssBtn

{

    background-image: url('../img/header/rss.png');

}



#headerContainer #weatherContainer

{

    padding-right:0px;

    padding-top: 0px;

    float: right;

    width: 332px;

}



/****************************

   FOOTER                                                

****************************/ 

#content-hills{

	background: transparent url('../img/backgrounds/footer_top.png') repeat-x center bottom;

	padding-bottom: 100px; position:relative;
	
	min-height: 100px; 

}













.snap 



{



margin-top: 0pt;



margin-right: auto;



margin-bottom: 0pt;



margin-left: auto;



width: 820px;



}





#birdy{ /* this is the little where bird, inside sub-content */

	background: transparent url(../img/backgrounds/birdy.png) no-repeat 0 0;

	background-color: transparent;

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: 0pt 0pt;

	bottom: -264px;

	height: 118px;

	right: 375px;

	width: 350px;

	position:absolute;

}





#sub-content-wrap{ background: #42361F url(../img/backgrounds/underground.gif) repeat-x center top; }



	#sub-content-rocks{ background: transparent url(../img/backgrounds/underground-overlay.png) repeat-x center top; }



	#sub-content{ color: #D4EFFE; height: 313px; }



#footer-wrap{ padding-bottom: 0px; }



.left{ float: left; }

.right{ float: right; }





#footer{

	padding: 6px 0;

	color: #286920;

	font-weight: normal;

	text-decoration: none;

	font-family: Verdana;

	font-style: normal;

	font-variant: normal;

	font-size: 10px;

	font-size-adjust: none;

	font-stretch: normal;

	-x-system-font: none;

	line-height: 120%;

 }



	#footer a:link,

	#footer a:visited{

		color: #286920;

		font-weight: bold;

		text-decoration: none;

		font-family: Verdana;

		font-style: normal;

		font-variant: normal;

		font-size: 11px;

		font-size-adjust: none;

		font-stretch: normal;

		-x-system-font: none;

		line-height: 120%;

	}



	#footer a:link, #footer a:visited



{



color: #286920;



font-weight: bold;



text-decoration: none;



}



#footer a:hover, #footer a:active 



{



color: #42361f;



}



#bottomcredits 

{

	margin-left:0px; 

    margin-right:0px; 

    padding-left: 0px; 

    margin-top: 0px;

    height: 32px; 

    text-align:left;

    background-color: #50AB44; 

    font-family:Verdana;

}













#footerContainer

{

    width:820px; 



    margin:auto;

    margin-top:0px;

    margin-bottom:0px;

    padding-top:0px;

    padding-left:0px;  

    background-color:transparent;

    

    font: 11px Verdana;

    position: relative;

    background-position: 50% 100%;

    background-repeat:no-repeat;      

}



#footerListContainer

{

  

    height:200px;

    width:800px;

    margin-left: 0px;

    padding-top: 24px;

    border-top: 0px solid #ccc;

   

    padding-left: 20px;

    

    background-image: url('../img/footer/gradient.png');

    background-position: 0px 0px;

    background-repeat: repeat-x;      

}



#where{

	margin: 0px;

	margin-left: 0;

	position: relative;

	z-index: 2;

}



	#where a:link,

	#where a:visited{

		color: #D4EFFE;

		text-decoration: none;

	}



	#where a:hover,

	#where a:active{ color: #CFC344; }



	#map,

	#where address{ float: left; }



		#map{ 

			border: 4px solid #322712;

			margin-right: 20px; 

		}

		

		#where address strong{

			color: #968E7D;

			font-size: 18px;

		}

		

		#where address span{ 

			font-size: 10px;

			text-transform: uppercase; 

		}

		

			#where address span.url,

			#where address span.adr,

			#where address span.tel{ padding-left: 30px; }

		

				#where address span.adr{ background: transparent url(../img/common/icons/address.gif) no-repeat 0 0; }

				

				#where address span.tel{ font-size: 18px; }





address{ font-style: normal; }



address span{ display: block; }



address span br{ display: none; }



	address span.locality,

	address span.region,

	address span.postal-code,

	address span.type,

	address span.value{ display: inline; }



	address span.fn,

	address span.org{ font-weight: bold; }



.footerList

{

   width: 140px;

   padding-left: 10px;

   margin-right: 0px;

   border: 0px solid blue;

   text-align: left;

   display:inline-block;

   border-left: 1px solid #222;

   float:left;

}



.footerList1

{

   width: 100px;

   padding-left: 10px;

   margin-right: 0px;

   border: 0px solid blue;

   text-align: left;

   display:inline-block;

   border-left: 1px solid #222;

   float:left;

}



.footerList ul 

{ 

    padding-left: 0px; 

    margin-left:0px; 

    margin-top:10px;

}



.footerTitleSpan 

{ 

    color:#FFF; 

    font-size: 12px; 

    font-weight: bold;

}



.footerList li 

{ 

    color:#333; 

    font-size: 10px; 

    list-style-type:none; 

    list-style-position:outside; 

    margin-bottom: 5px;

    margin-left: 0px;

    padding-left: 0px;

}



.footerLink 

{ 

    text-decoration: none;

    color: #999;

}



.footerLink:hover

{

    color: #FFF;

}





.footerCopyright 

{ 

    color: #ddd; 

    font: normal 10px Verdana;  

    margin-top: 0px;

	float:left

}



.footerPowered 

{ 

    position:absolute; 

    color: #ddd;

    font: normal 10px Verdana; 

    margin-top: 0px; 

    right: 5px; 

    bottom:5px;

}



/*************************

    NAVIGATION

*************************/  



#navigationContainer 

{

    margin-left:0px; 

    margin-right:0px;

    border-top:0px solid #ddd; 

    border-bottom:0px solid #ddd; 

    padding-left: 0px; 

    margin-top: 0px;

    height: 32px; 

    text-align:left;

    background-color: #ea003c; 

    font-family:Verdana;

} 



ul.rootnav,

ul.rootnav li,

ul.rootnav ul 

{

    list-style: none;

    margin: 0;

    padding: 0;

}



ul.rootnav 

{

    position: relative;

    z-index: 597;

    float: left;

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform: uppercase; 

}



ul.rootnav li 

{

    float: left;

    line-height: 18px;

    vertical-align:middle;

 

    padding: 0px; 

    background-color: #ea003c;

    color: #fff;

    line-height: normal; 

}



ul.rootnav li:hover 

{

    position: relative;

    z-index: 599;

    cursor: default;

}



ul.rootnav ul 

{

    visibility: hidden;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 598;

 

    width: 170px;

    background-color: #333;

    color: #fff;

    font-size: 11px;

    text-transform: none;

    filter: alpha(opacity=95); /* for IE*/

    -moz-opacity: 0.95;

    KhtmlOpacity: 0.95;

    opacity: 0.95; 

}



ul.rootnav ul ul 

{

    top: 0px;

    left: 100%;

}



ul.rootnav li:hover > ul 

{

    visibility: visible;

}



ul.rootnav a:link,

ul.rootnav a:visited 

{ 

    color: #fff; 

    text-decoration: none; 

}



ul.rootnav a:hover 

{ 

    text-decoration: none; 

    background-color: #3399cc;

    color: #fff;    

}



ul.rootnav a:active 

{ 

    color: #fff; 

	background-color: #3399cc;

}



ul.rootnav ul li 

{

    background-color: transparent;

    color: #000;

    filter: none;

    float: none; 

}





ul.rootnav ul li:hover 

{

    background-color: transparent;

}



ul.rootnav ul a:link,

ul.rootnav ul a:visited 

{ 

    color: #fff; 

}



ul.rootnav ul a:hover 

{ 

    color: #fff; 

    text-decoration: none; 

}



ul.rootnav ul a:active 

{ 

    color: #fff; 

}



ul.rootnav *.dir 

{

    padding-right: 12px;

    background-image: none;

    background-position: 100% 50%;

    background-repeat: no-repeat;

}





ul.rootnav li a 

{

    display: block;

    padding: 7px 14px;

}

	

ul.rootnav li.dir 

{

    padding: 7px 20px 7px 14px;

}



ul.rootnav ul li.dir 

{

    padding-right: 15px;

}



ul.rootnav ul a 

{

    padding: 4px 5px 4px 14px;

    width: 151px; /* Especially for IE */

}



ul.rootnav ul a:hover 

{

    background-color: #3399cc;

}

 

ul.rootnav li:hover > a.dir 

{

    background-color: #3399cc;

    color: #fff;

}



ul.rootnav ul li:hover > a.dir 

{

	 background-color: #3399cc;

	 color: #fff;

}



/* NAVIGATION ADDS */



#searchContainer

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:4px;

   background-color: #ea003c;

   margin-right: 0px;

   width:194px;

   height: 24px;

   float:right;

}



#searchBox 

{

    color:#888; 

    font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-right:2px;

    width:120px;

    border:0px solid #444;

    padding: 3px 3px 3px 3px;

    float:right;

    background-color: #433720;

    

} 



#searchBoxBtn 

{ 

    color:#FFF; 

    font: normal 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    margin-right:4px;

    width:60px;

    height: 24px;

    float:right;

    display:block;

    background-color: #ff6600;

    text-transform:uppercase;

    cursor: pointer;

}



#searchBoxBtn:hover

{

    background-color: #66cc00;

}





/**********************************************************

    SIDEBAR

**********************************************************/



#rightSideBarContainer

{

    

    min-height: 60px;

    margin-left:0px;

    margin-top: 0px;

    padding-left: 10px;

    padding-bottom: 30px;

    border-left: 0px solid #eee;

    background-color: transparent;

    float: right;

}



/* big advertisement */



.sidebarAdsContainer

{

    width:320px;



    padding-bottom: 20px;

    padding-top: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc;

    background-color: #FFF;

    margin-bottom: 20px;

}



.sidebarAdsContainer .image

{

    margin-left: 20px;

    border: 1px solid #ccc;

    padding: 3px;

    background-color: #FFF;

}



/* contact */



.sidebarContactContainer

{

    width:280px;

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 25px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #d8effb;

    text-align: left;

    margin-bottom: 10px;

}



.sidebarContactContainer1

{

    width:280px;

    padding-top: 0px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 25px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #transparent;

    text-align: left;

    margin-bottom: 10px;

	float: right;

}



.sidebarContactContainer .map

{

    height: 185px;

    width: 270px;

    border: 1px solid #ccc;

    padding: 3px;

    background-color: #d8effb;

   	display: block;

    

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;        

}



.sidebarContactContainer .text

{

    margin-top: 10px;

    color: #000;

    font: 11px Verdana;

    line-height: 120%;

    font-style: italic;

}



.sidebarContactContainer .header

{

    color: #3399CC;

    font: 12px Arial;

    line-height: 120%;

    font-style:normal;

}



.sidebarContactContainer .color

{

    color: #3399CC;

}



/* multi image box */



.sidebarMultiImageBoxContainer

{

    width:280px;

    padding-top: 15px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 20px;

 }

 

 .sidebarMultiImageBoxContainer .link

 {

    display: block;

    background-color: transparent;

    width: 74px;

    height: 74px;

    position: absolute;

 }



.sidebarMultiImageBoxContainer .picture

{

    border: 1px solid #ccc;

    padding: 3px;

    background-color:#FFF;

    margin-right:17px;

    width: 74px;

    height: 74px;

    float: left;

    cursor:pointer;

    display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;  

}



.sidebarMultiImageBoxContainer .picture:hover

{

    border: 1px solid #aaa;

}



.sidebarMultiImageBoxContainer .pictureLast

{

  border: 1px solid #ccc;

  padding: 3px;

  background-color:#FFF;

  width: 74px;

  height:74px;  

  float: left;

  cursor:pointer;

  display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%; 

}



.sidebarMultiImageBoxContainer .pictureLast:hover

{

   border: 1px solid #aaa;  

}



.sidebarMultiImageBoxContainer .row

{

    margin-bottom: 16px;

    height: 82px;

    background-color:transparent;

}



.sidebarMultiImageBoxContainer .rowLast

{

    height: 82px;

    background-color:transparent;

}



/* newsletter */



.sidebarNewsletterContainer

{

    width:280px;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #d8effb;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarNewsletterContainer .text

{

    font: 11px Verdana;

    padding-top: 5px;

    color: #000;

    line-height: 120%;

    margin-bottom: 10px; 

}



.sidebarNewsletterContainer .wrapper

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:0px;

   background-color:transparent;

   margin-right: 0px;

   width:280px;

   height: 24px;

}



.sidebarNewsletterContainer .label

{

    font: 10px Verdana;

    font-style: italic;

    color: #aaa;

}



.sidebarNewsletterContainer .email

{

    color:#000; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    width:180px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:left;

    background-color: #FFF;

    

} 



.sidebarNewsletterContainer .btn 

{ 

    color:#FFF; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    padding-left:15px;

    padding-right:15px;

    padding-top: 3px;

    padding-bottom: 3px;

    float:left;

    display:block;

    background-color: #ea003c;

    text-transform:uppercase;

    cursor: pointer;

}



.sidebarNewsletterContainer .btn:hover

{

    background-color: #3399cc;

}



/* sidebar tabs */



.sidebarTabsContainer

{

    width:320px;

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #3399cc;

    text-align: left;

    margin-bottom: 20px; 

}



.sidebarTabsContainer .wrapper

{

    width: 320px;

    height: 280px;

    background-color: #000;

    position: relative;

    overflow: hidden;  

}



.sidebarTabsContainer .tab

{

   width: 280px;

   height: 220px;

   padding: 20px;

   overflow: hidden;

   background-color:#000;

   visibility:visible;

   left:0px;

   top:300px;

   position: absolute;

}



.sidebarTabsContainer .head

{

    height: 50px;

    width: 280px;

    background-color:transparent;

}



.sidebarTabsContainer .image

{

    width: 48px;

    height: 48px;

    border: 1px solid #333;

    float:left;

    margin-right: 5px;

    display: block;    

}



.sidebarTabsContainer .titleWrapper

{

    height: 50px;

    background-color:transparent;

    float:left;

}



.sidebarTabsContainer .title

{

    font: 22px Verdana;

    color: #3399CC;

}



.sidebarTabsContainer .subTitle

{

    font: 12px Verdana;

    color: #999;

}



.sidebarTabsContainer .thumbsBar

{

    margin-top:10px; 

    margin-right: 0px;

    height: 28px;

    background-color:#000;

}



.sidebarTabsContainer .thumb

{

    display:block;

    float:right;

    width:26px;

    height:26px;

    background-color:white;

    background-image: url('../img/common/ajax/loading2.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    margin-left:5px;

    overflow: hidden;

    border: 1px solid #aaa;

    cursor:pointer;

}



.sidebarTabsContainer .thumb:hover

{

    border: 1px solid #222;

}



.sidebarTabsContainer .default

{

    display:none;   

}



.sidebarTabsContainer .source

{

    display:none;   

}



.sidebarTabsContainer .text

{

    font: 11px Verdana;

    padding-top: 5px;

    color: #FFF;

    line-height: 120%; 

}



.sidebarTabsContainer .btnBar

{

    height: 32px;

    width: 320px;

    overflow: hidden;

}



.sidebarTabsContainer .btn

{

   height: 32px;

   float: right;

   font: normal 12px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;

   text-transform: uppercase;

   color: #FFF;

   background-color: #000;

   padding-right: 14px;

   padding-left: 14px;

   cursor: pointer;

   border-top: 1px solid #3399cc;

}



/* link panel */



.sidebarLinkPanelContainer

{

    width: 120px;

    padding-top: 15px;

    padding-left: 15px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarLinkPanelContainer .item

{

    height: 24px;

    display: block;

    padding-left: 10px;

    background-color: transparent;

    margin-right: 20px;

    cursor: pointer;

    border-bottom: 1px solid #ECECEC; 

    font: 11px/24px Verdana; 

    color: #444;

}



.sidebarLinkPanelContainer .item:hover

{

    background-color: #000;

    color: #FFF;

}



.sidebarLinkPanelContainer .tagsWrapper

{

    

} 



.sidebarLinkPanelContainer .tag1, .sidebarLinkPanelContainer .tag2,

.sidebarLinkPanelContainer .tag3, .sidebarLinkPanelContainer .tag4,

.sidebarLinkPanelContainer .tag5  

{

    cursor: pointer; 

    padding-left:6px;

    padding-right:6px;

    padding-top:2px;

    padding-bottom:2px;

}



.sidebarLinkPanelContainer .tag1

{

    font: normal 22px/26px Arial;

    color:#000;

}



.sidebarLinkPanelContainer .tag2

{

    font: normal 18px/26px Arial;

    color:#222;

}



.sidebarLinkPanelContainer .tag3

{

    font: normal 16px/26px Arial;

    color:#444;

}



.sidebarLinkPanelContainer .tag4

{

    font: normal 12px/26px Arial;

    color:#666;

}



.sidebarLinkPanelContainer .tag5

{

    font: normal 10px/26px Arial;

    color:#888;

}





.sidebarLinkPanelContainer .tag1:hover, .sidebarLinkPanelContainer .tag2:hover,

.sidebarLinkPanelContainer .tag3:hover, .sidebarLinkPanelContainer .tag4:hover,

.sidebarLinkPanelContainer .tag5:hover

{

    background-color: #000;

    color: #FFF;

}





/* side bar mini slider */



#sidebarMiniSliderContainer

{

    /* 4:3 format*/

    width:318px;  /* -2px for border */

    height:238px;    

    border:0px solid #ccc;

    background-color: #000;

    margin-bottom: 40px;

    position: relative;

    border: 0px solid #ddd;

    overflow:hidden;

    

    border-left: 1px solid #444;   

    border-right: 1px solid #444;   

    border-top: 1px solid #444; 

    border-bottom: 1px solid #444;   

}



#sidebarMiniSliderContainer .slide

{

    width:320px; 

    height:240px;

    position: absolute;

    left: 0px;

    top: 0px;

    display: block;

    

    background-color: #000;    

    background-image: url('../img/common/ajax/loading6.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

}



#sidebarMiniSliderContainer .btnContainer

{

    height: 20px;

    width: 160px;

    position: absolute;

    left: 15px;

    bottom: 15px;

    z-index: 10;

}



#sidebarMiniSliderContainer .btn

{

    width:18px;

    height:18px;

    border:0px solid #222;

    background-color: #222;

    color: #ccc;

    font: 10px/18px sans-serif;

    float:left;

    text-align: center;

    cursor: pointer;

    margin-right: 2px;

}



#sidebarMiniSliderContainer .desc

{

    width: 310px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    padding-bottom: 7px;

    background-color: #000;

    opacity: 0.90;

    filter:alpha(opacity=90); /* IE */  

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 10;

    color: #eee;

    font: 10px/12px Verdana;

    display: block;

}



/* advertisement 125x125 */



.sidebarAds125Container

{

    width:299px;

    padding-top: 20px;

    padding-left: 21px;

    padding-right: 0px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarAds125Container .imgLeft

{

    border: 1px solid #ccc;

    padding: 3px;

    background-color:#FFF;

    width: 125px;

    height: 125px;

    float: left;

    cursor:pointer;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;  

}



.sidebarAds125Container .imgLeft:hover

{

    border: 1px solid #aaa;

}



.sidebarAds125Container .imgRight

{

  border: 1px solid #ccc;

  padding: 3px;

  background-color:#FFF;

  width: 125px;

  height:125px;  

  float: right;

  cursor:pointer;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%; 

}



.sidebarAds125Container .imgRight:hover

{

   border: 1px solid #aaa;  

}



.sidebarAds125Container .row

{

    margin-bottom: 12px;

    height: 137px;

    width: 278px;

    background-color:transparent;

}



.sidebarAds125Container .rowLast

{

    height: 137px;

    width: 278px; 

    background-color:transparent;

}



/* populars on side bar */



.sidebarPopularContainer

{

    width:320px;

    background-color: #FFF;

    padding-bottom: 20px;

}



.sidebarPopularContainer .wrapper

{

    width:320px;

    background-color: #FFF;

    margin-bottom: 20px;

}



.sidebarPopularContainer .image

{

    width:320px;

    height: 140px;

    overflow: hidden;

    

    background-image: url('../img/common/ajax/loading5.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



.sidebarPopularContainer .header

{

    font: 20px/20px Verdana;

    color: #3399CC;

    margin-top: 5px;

}



.sidebarPopularContainer .text

{

    font: normal 11px/12px Verdana;

    color: #000;

    line-height: 120%;

    padding-top: 5px;

}





/**********************************************************

    COMMON PAGE LIST 

**********************************************************/



.commonPageListControlBar

{

    height: 30px;

    background-color: #fff;

    margin-top:30px;

    text-align: left;

    font:normal 11px/28px Verdana;

    color:#888;

}



.commonPageListBtn

{

  border: 0px solid #999;

  background-color:transparent;

  color:#000;

  font: normal 11px/28px Verdana; 

  padding: 3px;

  cursor: pointer;

}



.commonPageListBtnSpliter

{

  border: 0px solid #999;

  background-color:transparent;

  color:#000;

  font: normal 11px/28px Verdana; 

  padding: 3px;

  cursor: default;

}



.commonPageListBtn:hover

{

    text-decoration: underline;

}



.commonPageListBtnSelected

{

  border: 1px solid #000;

  background-color: #000;

  color:#FFF;

  font: normal 11px/28px Verdana; 

  padding: 6px;

  cursor:default;

}



.commonPageListBarStat

{

  font:normal 11px/28px Verdana;

  float:right;

  color:#888;

}



.commonImageDesc

{

   font: 9px/12px Arial;

   margin: 0px;

   padding: 0px;

   color: #666;

   text-align: right;

}



/**********************************************************

    STATISTIC LISTS

**********************************************************/



#faderMoverSlider

{

    width: 800px;

    height: 300px;

    overflow: hidden;

    position: relative;

    background-color: #000;

}



#faderMoverSliderContainer

{

    margin-top: 5px;

    margin-left: 0px;

    width: 8000px;

    height: 300px;

}



#faderMoverSlider  .slideDesc

{

    width:300px;

    height: 300px;

    float:right;

    background-color: #000;

}



#faderMoverSlider .slide

{

    width: 800px;

    height: 300px;

    position: absolute;

    left:0px;

    top:0px;

}





#faderMoverSlider .desc

{

    padding-left: 20px;

    padding-right: 20px;

    font: normal 11px Verdana;

    line-height: 130%;

    text-indent: 20px;

    color: #ccc;

}



#faderMoverSlider .slideOnTop

{

    z-index:10;

}



#faderMoverSlider .image

{

    width:960px;

    height: 300px;

    background-image: url('../img/common/ajax/loading10.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-color: #000;

}



#faderMoverSlider .imageSpecial

{

    width:660px;

    height:300px;

    

    background-image: url('../img/common/ajax/loading10.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-color: #000;    

}



/**********************************************************

    STATISTIC LISTS

**********************************************************/



.statisticContainer

{

    height: 160px;

    background-color:transparent;

    margin-bottom: 20px;

}



.statisticContainer .wrapper

{

    padding-left: 10px; 

    height: 150px;

    padding-top: 10px;

    float: left;

    background-color:transparent;

}



.statisticContainer .viewsCount, .statisticContainer .commentsCount

{

    color: #aaa;    

}



/**********************************************************

    COMMON

**********************************************************/



.commonPageTitle

{

    font: normal 32px "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #39c;

    font-size: 32px;

    margin-left: 0px;

    margin-right: 20px;

    text-align: left;

    border: 0px solid #ccc;

    margin-top: 0px;

}



.commonItemInfoContainer

{

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    color:#666;

    font: normal 10px/20px Verdana; 

    height: 20px; 

    margin: 0px;

    margin-top: 15px;

    padding: 0px;

    padding-left: 10px;

    text-transform: uppercase;

}



.commonItemInfoContainer .separator

{

    color:#ccc;

    font: normal 10px/20px Verdana;

}



.commonItemHeader

{

    color: #3399CC;

    display: block; 

    font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;

    padding: 0px;

    padding-left: 0px;

    margin: 0px;

    margin-top: 10px;

}



.commonIntroductionText

{

    font: 12px Verdana;

    width: 600px;

    color: #000;

    line-height: 140%;

    margin-left: 0px;

    margin-right: 20px;

    margin-bottom: 20px;

}



.commonControlLabel

{

    font: 11px Verdana;

}



.commonControlErrorMsg

{

    font: 10px Verdana;

    font-style: italic;

    color: #a00;

    visibility: hidden;

}



.commonControlLabelItalic

{

    font: 10px Verdana;

    font-style: italic;

    color: #999;

}



.commonInput

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    width: 300px;

    background-color: #f5f5f5;

    margin-bottom: 10px;

    height: 18px;

    color: #222;

    font-family: Arial;

    font-size: 15px;

    padding-left: 3px;

    padding-top: 2px;

    padding-bottom: 2px;

}

     

.commonTextarea

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;        

    margin-bottom: 10px;    

    width: 400px;

    max-width: 400px;

    height: 150px;

    max-height: 150px;

    overflow:auto;

    font-size: 14px;

    font-family: monospace;

    background-color: #f5f5f5;

    color: #222;

    padding-left: 3px;

    padding-top: 3px;

} 



/**********************************************************

    BASIC STYLES

**********************************************************/



/*  thin headers */



.h1Thin

{

    color: #3399CC;

    font: 32px Verdana;

}



.h2Thin

{

    color: #3399CC;

    font: 28px Verdana; 

}



.h3Thin

{

    color: #3399CC;

    font: 24px Verdana; 

}



.h4Thin

{

    color: #3399CC;

    font: 20px Verdana; 

}



.h5Thin

{

    color: #3399CC;

    font: 16px Verdana; 

}



/* normal headers */



.h1Normal

{

    color: #3399CC;

    font: 32px Verdana;

}



.h2Normal

{

    color: #3399CC;

    font: 28px Verdana; 

}



.h3Normal

{

    color: #3399CC;

    font: 24px Verdana; 

}



.h4Normal

{

    color: #3399CC;

    font: 20px Verdana; 

}



.h5Normal

{

    color: #3399CC;

    font: 16px Verdana; 

}





/* bold headers */



.h1Bold

{

    color: #3399CC;

    font: 32px Verdana;

}



.h2Bold

{

    color: #3399CC;

    font: 28px Verdana; 

}



.h3Bold

{

    color: #3399CC;

    font: 24px Verdana; 

}

.h3orange

{

font-size: 13px;

color: #f47e24;

padding-top: 5px;

font-family: "Trebuchet MS";

font-weight:bold;

}



.h4Bold

{

    color: #3399CC;

    font: 20px Verdana; 

}



.h5Bold

{

    color: #3399CC;

    font: 16px Verdana; 

}



/* list */



.ulBasic

{

    

}



.ulBasic li

{

    background-image: url('../img/common/squere/4x4blue.gif');

    background-position: 0% 60%;

    background-repeat: no-repeat;

    list-style-image: none;

    list-style-type:none; 

    list-style-position:outside;

    font: 11px/14px Verdana;

    padding-left: 10px;

    margin-bottom: 3px;  

}



/* table */



.tableBasic

{

    border-collapse:collapse;

}



.tableBasic tr.even

{

    background-color: #EEE;

}



.tableBasic td.head

{

   background-color: #3399cc;

   color:#FFF;

   padding-left: 12px;

   padding-right: 12px;

   font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

   text-transform: uppercase;

   border:1px solid #ccc;

   text-align: center;

}



.tableBasic td

{

   color:#000;

   padding-left: 12px;

   padding-right: 12px;

   font: normal 11px/18px Verdana;

   border:1px solid #ccc;

   text-align: center;

}



/* quote */



.quoteBlockRight

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    width: 280px;

    float:right;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}



.quoteBlockLeft

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    width: 280px;

    float:left;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}



.quoteBlockFullWidth

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}





.quoteText

{

    color:#000;

    font: bold 12px/14px Verdana;

    line-height: 140%;

    font-style: italic;

}



.quoteAuthorRight

{

    color:#3399cc;

    font: normal 11px/12px Verdana;

    text-align: right;

    font-style: italic;

    margin-top: 10px;

}



.quoteAuthorLeft

{

    color:#3399cc;

    font: normal 11px/12px Verdana;

    text-align: left;

    font-style: italic;

    margin-top: 10px;

}



/* image in text */



.image280InTextWrapperLeft

{

    float:left;

    margin-right:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 280px;

}



.image280InTextWrapperRight

{

    float:right;

    margin-left:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 280px;

}



.image320InTextWrapperLeft

{

    float:left;

    margin-right:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 320px;

}



.image320InTextWrapperLeft p

{

    text-indent:0px !important;

}



.image320InTextWrapperRight

{

    float:right;

    margin-left:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 320px;

}



.image320InTextWrapperRight p

{

    text-indent:0px !important;

}



.imageInTextDesc

{

    font:11px Verdana;

    color:#000;

}



/* signature */



.signatureLeft

{

    float:left;

    color:#000;

    font:bold 11px Verdana;

    margin-top: 10px;

    font-style: italic;

}



.signatureRight

{

    float:right;

    color:#000;

    font:bold 11px Verdana;

    margin-top: 10px;

    font-style: italic;

}



/* light box link */



a.lightBox

{

    color: #3399CC;

    cursor: pointer;

    padding-right: 13px;

    background-image: url('../img/common/img/lightBoxLinkBlue.png');

    background-repeat: no-repeat;

    background-position: 100% 20%; 

}



a.lightBox:hover

{

    text-decoration: underline;

}