@charset "utf-8";
/*----------CONTENT GENERAL
--------------------------- */

body{text-align:-moz-center; margin:0; background:#cce4bd; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px;}






/*---------CONTAINER MODULES
----------------------------- */
#container{width:980px; height:auto; margin:auto;}
#head{width:980px; height:54px; float:left; text-align:center; margin-bottom:10px; margin-bottom:10px;}
#contentpage{width:980px; height:auto; float:left; overflow:hidden; clear:both;}


/*-----------------MODULES HEAD
-------------------------------*/
.barWelcome{width:100%; height:54px; background:url(../images/frames/06topmiddle_index.gif) repeat-x top;}
.barWelcome .left{float:left; background:url(../images/frames/06topleft_index.gif) left top no-repeat; width:3px; height:54px;}
.barWelcome .middle{float:left; padding-top:15px; height:34px; width:auto;}
.barWelcome .right{float:right; background:url(../images/frames/06topright_index.gif) right top no-repeat; width:3px; height:54px;} 


/*-----------------MODULES LEFT RAIL
------------------------------------*/
.leftrail{width:275px; height:auto; float:left; margin-left:7px;}
.compflash{float:left; width:275px; height:225px;}
.boxloginindex{float:left; width:275px; height:250px; margin-top:10px;}
.boxloginindex .top{float:left; width:275px; height:16px; background:url(../images/frames/07top_indexlogin.gif) top no-repeat;}
.boxloginindex .middle{float:left; width:275px; height:auto; min-height:150px; background:url(../images/frames/07middle_indexlogin.gif) top repeat-y; text-align:left;}
.boxloginindex .bottom{float:left; width:275px; height:16px; background:url(../images/frames/07bottom_indexlogin.gif) top no-repeat;}
.textloginleftrail{width:75%; height:auto; padding:10px 0px 10px 30px; line-height:20px;}
.textloginleftrail input{font-size:11px; color:#000; padding-left:4px; background:#fff; border:solid 1px #cddbb9;}
.checkboxrememberindex{padding-left:30px;}
.boxbtnloginindex{width:auto; height:auto; padding-left:30px; margin-top:5px;}
.boxbtnloginindex .btnlognidx{width:63px; height:18px; background:url(/images/btn_searchFriend.gif) no-repeat top; font-size:10px; color:#fff; text-align:center;  font-weight:normal; border:0;}
.lnkloginindex{width:auto; height:auto; padding-left:30px; margin-top:10px;}
.lnkloginindex a, .lnkloginindex a:link, .lnkloginindex a:hover, .lnkloginindex a:visited{color:#6dad24; text-decoration:none;}


/*------------------------MODULES CONTENT CENTER------------------------------*/
.boxcentercontainer{width:682px; min-height:560px; height:auto; float:left; margin-left:5px;}
.boxcenterconTop{width:100%; height:15px; background:url(/images/frames/04topmiddle_centerContainer.gif) repeat-x top;}
.boxcenterconTop .left{width:15px; height:15px; float:left; background:url(/images/frames/04topleft_centerContainer.gif) no-repeat;}
.boxcenterconTop .right{width:15px; height:15px; float:right; background:url(/images/frames/04topright_centerContainer.gif) no-repeat;}
.bkcontentcenter{width:680px; min-height:520px; height:auto; background:#f0fce1; border-left:solid 1px #aec592; border-right:solid 1px #aec592; padding-top:10px; overflow:hidden; clear:both;}
.bkcontentcenter h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; margin:0; text-align:left; font-weight:normal; margin:0px 30px 0px 30px;}
.bkcontentcenter h1 strong{font-weight:bold;}
.boxleftcentercontent{float:left; width:35%; height:auto; padding:0px 10px 0px 15px; margin-top:30px; margin-bottom:20px}
.boxleftcentercontent h2{font-size:13px; margin:0; padding-left:15px;}
.boxrightcentercontent{float:left; width:60%; height:auto; padding-top:30px; margin-bottom:20px;}
.texticonscontentright{float:left; width:95%; height:auto; text-align:left; margin:2px 0px 2px 0px;}
.texticonscontentright img{float:left; margin-right:5px; vertical-align:middle;}
.texticonscontentright h2{padding-top:4px; font-size:12px; font-weight:normal; margin:0; padding-left:5px;}
.boxcontentform{width:75%; min-height:215px; height:auto; border-top:solid 1px #aec592; padding:15px 85px 0px 85px; clear:both; text-align:left; overflow:hidden;}
.boxcontentform h2{font-size:13px; margin:0;}
.boxinputform{float:left; width:98%; height:auto; margin-top:7px;}
.boxinputform .left{float:left; width:30%; height:auto; text-align:right; padding-right:10px;}
.boxinputform .right{float:left; width:63%; height:auto; text-align:left;}
.boxinputform .right input{border:solid 1px #aec592; background:#fff;}
.contnrbtncontcenter{width:80%; float:left; text-align:center; padding-left:6px;}
.btncontcentertop{width:80%; float:inherit; padding:7px 12px 0px 12px; background:#b1d582;}
.boxleftcentercontent1{float:left; width:25%; padding:0px 10px 0px 15px;}


/*----------------------------------FOOTER----------------------------------*/
.boxcenterconBottom{width:682px; height:15px; background:url(/images/frames/04bottomiddle_centerContainer.gif) repeat-x top; clear:both;}
.boxcenterconBottom .left{width:15px; height:15px; float:left; background:url(/images/frames/04bottomleft_centerContainer.gif) no-repeat;}
.boxcenterconBottom .right{width:15px; height:15px; float:right; background:url(/images/frames/04bottomright_centerContainer.gif) no-repeat;}

/* ######### home CSS Tabs. Remove if not using ######### */
.shadetabs{
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
color:#FFF; text-decoration:none; font-size:11px; font-weight:bold;
}
.shadetabs li{
display: inline;
float:left; width:180px; height:25px; text-align:center; border-right:1px solid #FFFFFF; padding-top:12px;
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
color:#FFF; text-decoration:none; font-size:11px; font-weight:bold;
}
.shadetabs li a.selected{ /*selected main tab style */
position: relative;

}
.shadetabs li a.selected{ /*selected main tab style */
border-bottom-color: white;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
.tabcontent{
display:none;

width:958px;
min-height:320px;
height:auto; background:#f0fce1; 
border-left:solid 1px #aec592; border-right:solid 1px #aec592; 
padding-top:10px;
}


@media print {
.tabcontent {
display:block !important;
}
}
.boxbottomMenu{width:960px; height:37px; background-color:#73ae24;}
.boxbottomcontainer{width:960px; min-height:330px; height:auto; float:left; margin-left:7px; margin-bottom:10px;margin-top:10px;}

.photoframe
{
float:left;
margin:20px;
padding:7px;
border-color:#339900;
border-style:solid;
border-width:1px;

background-color: #ffffff;

text-align: left;
}
.greentext
{
color: #6dad24;
text-decoration: none;	
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
}
.greentextsmall
{

color: #6dad24;
text-decoration: none;	
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}
.blacktextsmall
{
color: #000000;
text-decoration: none;	
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
}

/* ######### END home CSS Tabs. Remove if not using ######### */

/*             styles for the star rater                */	
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/star_rating.gif) left -1000px repeat-x;
}
.star-rating{
	border:solid 1px #339900;
position:relative;
width:150px;
height:30px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:30px;
line-height:30px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
.small-star{
		border:solid 0px ;
	width:50px;
	height:10px;
}
	.small-star,
	.small-star a:hover,
	.small-star a:active,
	.small-star a:focus,
	.small-star .current-rating{
	background-image: url(/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}	
/*Full Content Top copied from the other css*/
.boxtopfullcontentlarge{width:60%; min-height:200px; height:auto; float:left; clear:both; padding-left:10px;}
.boxfullcontratedvideo{width:31%; min-height:200px; height:auto; float:left; padding:5px; text-align:left; color:#000;}
.boxfullcontratedvideo strong{color:#000;} 
.boxfullcontratedvideo h2{color:#477b01; margin:0; font-size:11px; float:left;}
.boxfullcontratedvideo img{float:left; margin-bottom:5px; ; border:0;}
.boxleftfullcontentlarge{width:98%; min-height:700px; height:auto; float:left; clear:both; padding-left:10px; overflow:hidden;}
.boxcontenthomeuserleft{width:74%; min-height:600px; height:auto; float:left;}
.boxcontenthomeuserright{width:24%; min-height:500px; height:auto; float:left;}
.boxcontenthomeleftfull{width:60%; min-height:50px; height:auto; border-bottom:solid 1px #aec592; margin:0px 0px 5px 0px; padding-bottom:2px; padding-top:2px; text-align:left; line-height:15px; overflow:hidden; clear:both; vertical-align:top;}
.boxcontenthomeleftfull .thumbnail{float:inherit; margin-right:5px; border:0; overflow:hidden; clear:both; width:auto;}
.boxcontenthomeleftfull .description{ vertical-align:top; overflow:hidden; width:400px;}
.boxcontenthomeleftfull .description a, a:link, a:visited, a:hover, a:focus{text-decoration:none; border:none;}
.viewpic {background:#fff; border:0; width:90px; clear:both; margin-right:10px; overflow:hidden;}
.viewpic img{ vertical-align:bottom; border:solid 1px #339900; text-align:center; }
.boxcontenthomeleftfull h1{font-size:12px; float:left; margin:0; color:#000;}
.boxcontenthomeleftfull a, .boxcontenthomeleftfull .urls a, .urls a:link, .urls a:hover, .urls a:visited{text-align:center; color:#339900; font-weight:bolder; text-decoration:none; font-size:11px;}
.boxevent{float:left; overflow:hidden; height:auto; width:360px;}
.boxevent .left{width:60px; height:auto; overflow:hidden; float:left; vertical-align:top;}
.boxevent .left img{border:solid 1px #339900;}
.boxevent .left a, a:active, a:focus, a:hover, a:link, a:visited {border:none; text-decoration:none;}
.boxevent .right{width:300px; height:auto; text-align:left; overflow:hidden; float:right; vertical-align:top;}
.iconevent{float:left; width:30px; height:99%; vertical-align:middle;}
.iconevent img{border:none;}
.littleDate{float:right; text-align:right; color:#999; font-weight:normal; text-decoration:none; font-size:9px; clear:both; overflow:hidden;}

