/* style index */

/***** Global *****/

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#5c5c5c;
	/*background-image:url(img/back.jpg);   */
	text-align:center;
	background-color: #FFF;
	margin: 0;
}

/* style login register starts here */


h2{
	font-size:30px;
	color:#5c5c5c;
	font-weight:normal;
	margin-top:5px;
	margin-bottom:5px;
}

p{
   color: #5c5c5c;
}

#container {
	margin: 0 auto;
	width: 999px;
	text-align: left;
	background-color:#FFFFFF;
}

a{
	color:#1D69DE;
	text-decoration: none;
}

a:hover{
  text-decoration: underline;
}


/***** Header *******/
	
#header {
	height:285px;
	background:url(../img/topBack.png) repeat-x;
}

#headerLeft { /*Logo and Presentation Text*/
	float:left;
	width:630px;
	text-align:center;
}

#headerRight{  /*Login*/
	float:left;
	background:url(../img/loginBack.png) no-repeat;
	width:277px;
	height:180px;
	font-size:16px;
	color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
}

/**** Logo and Description (inside headerLeft)****/

#logo{
	float:left;
	height:80px;
	font-size:40px;
	color:#FFFFFF;
	text-align:left;
	padding-left:50px;
}

#description{
	float:left;
	width:90%;
	height:150px;
	font-size:20px;
	color:#FFFFFF;
	text-align:left;
	padding-left:50px;
	padding-top:17px;
	font-size:20px;
	font-weight:bold;
}

#description p{
  color:#FFFFFF;
}

#description p{
	margin-top: 8px;
	margin-bottom: 8px;
}

#description .hardgreen{
	font-weight:bold; 
	color:#006633;
}


/***** Login (inside headerRight)*******/

#loginBox{  /*Login Center Hack*/
	width:90%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	font-size:11px;
}

#loginBox p{
	margin-top: 8px;
	margin-bottom: 8px;
	color:#fff;
}

.loginTable{
	margin-left: auto;
	margin-right: auto;
	line-height:20px;
}

.loginInput{
	background-color:#F5F7ED;
	border-color:#0099CC;
	border-width:1px;
	color:#8EA8BC;
}

.loginButton{
	background-color:#A7C8E5;
	border:#fff 1px solid;
	font-size:14px;
	font-weight:bold;
	width:120px;
	margin-top:5px;
	color:#fff; /*0099CC*/
}

#loginBox a{
	font-size:10px;	
	color:#fff;
}

#loginBox a:hover{	
	text-decoration:none;
	color:#CCCC99;
}

/**** Center *****/

#centerDiv{
	margin-top:10px;
	width:100%;
	background:url(../img/centerback.png) repeat-x;
	height:317px;
}

#centerLeft{
	float:left;
	background:url(../img/querestar.png) no-repeat top center;
	width:540px;	
	height:317px;
}

#centerRight{
	float:left;
	
	width:440px;	
	height:317px;
}

/***** Register ******/

#centerRight p{
	margin-top:8px;
	margin-bottom:8px;
}

#registerBoxIndex{  /*Login Center Hack*/
	width:90%;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

.registerTable{
	line-height:30px;
	margin-left: auto;
	margin-right: auto;
	/* color: #2E4268; */
	color: #396794;
	font-weight:bold;
}

.registerInput{
	background-color:#fff;
	font-size:16px;
	border-color:#006633;
	border-width:1px;
	color:#999999;
	background-color:#DDF7B8;
}

.txtfield .left {
	display: block;
	width: 6px;
	height:22px;
	float: left;
	background-image:url(../img/editing_left.gif);
	background-repeat:no-repeat;
	clear:left;
}
.txtfield input {
	display: block;
	height:19px;
	float: left;
	padding-top: 2px;
	background-image:url(../img/editing_mid.gif);
	border: 0px none;
	font-weight: bold;
	color:#909394;
	font-size:13px;
}
.txtfield .right {
	display: block;
	width: 10px;
	height:22px;
	float: left;
	background-image:url(../img/editing_right.gif);
	background-repeat:no-repeat;
	clear:right;
}

.registerButton{
	background-color:#0066CC;
	border:#000 1px solid; 
	font-size:14px;
	font-weight:bold;
	width:130px;
	height:25px;
	margin-top:5px;
	color:#fff; /*0099CC*/
}


.registerButtonIndex{
	width: 250px;
	height: 40px;
	background: url(../img/regButton.gif) top center no-repeat;
	border:none;
	font-size:14px;
	font-weight:bold;
	/* color:#2E4268; */
	color: #396794;

}

#regButton a {
	margin: 2px auto 0px auto;
	display: block;
	width: 250px;
	height: 40px;
	background: url(../img/regButton.gif) top center no-repeat;
	color: #3b4d17;
	text-decoration: none;
	line-height: 40px;
	outline: none;
}

#regButton a:hover {
	background: url(../img/regButton.gif) center center no-repeat;
	color: #121a03;
}

#regButton a:active {
	background: url(../img/regButton.gif) bottom center no-repeat;
	color: #121a03;
	
}

/**** Footer ***/
#footer{
	clear:both;
	background: #FFFFFF url(../img/line-bottom.png) 0 0 repeat-x;
	margin-top:47px;
	padding-top:15px;
	height:20px;
	width:100%;
	text-align:center;
	color:#a2a2a2;
}

#footer a{
	color:#a2a2a2;
}

/****** FORM *******/

.form{
	font-size:12px;
	background: #EAF2FA; 
	color: #6C7D8E;
	padding: 5px; 
	border: 1px solid #7E95B9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
}

.formButton{
	background-color:#0066CC;
	border:#fff 1px solid; 
	font-size:14px;
	font-weight:bold;
	width:130px;
	height:25px;
	margin-top:5px;
	color:#fff; /*0099CC*/
}



/***** Header *******/
	
#headerAll {
	height:80px;
	background:url(../img/topTop.png) repeat-x;
}

/****** LOGIN SCREEN ******/

/**** Center ( Error -> Top, Login & Recover | Signup -> Down) ****/

/* All the center */
#centerLogin{	
	width:900px;
	margin-left:auto;
	margin-right:auto;	
}

/*Left div -> Login + Forgot Password */

#centerLoginLeft{
	float:left;
	width:55%;
	padding-left:2%;
	color: #6C7D8E; 
}


#loginBigText{  /* Text box above the login/forgot password boxes [Check HTML for span + style in some cases ]*/ 
	margin-left:auto;
	margin-right:auto;
	width:350px;
	text-align:left;
	background:#fff;
	margin-top:50px;
	margin-bottom:15px;
	color:#5c5c5c;
}

#loginBox2{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:350px;
	background: #F3F6F8;
	border: 1px solid #7E95B9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	padding-top:15px;
	font-weight:bold;
}

#forgotPassword{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:350px;
	background: #F3F6F8;
	border: 1px solid #7E95B9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;	
	margin-bottom:100px;
	padding-top:15px;	
	font-weight:bold;
}


/* Right div -> Not registered? (Register)*/
#centerLoginRight{
	float:right;
	width:35%;
	border-left: 1px solid #ccc;
	margin-top:130px;
}

#registerAdvertise{ /** All the Text inserted in this box**/
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-align:left;
	background:#fff;
	color:#5c5c5c;
	line-height:30px;
	padding-left:10px;	
}

#registerAdvertise p{
	margin-bottom:1px;
}

#registerAdvertise ul{
	margin-top:1px;
	list-style: outside url(../img/bullet_go.gif);
}

#registerAdvertise li{
	margin: 1em 0 1em 0;
}



/******* END LOGIN SCREEN **********/

/****** REGISTER SCREEN ******/


/* All the center */
#centerRegister{	
	width:900px;
	margin-left:auto;
	margin-right:auto;	
	text-align: left;
}

/*Left div -> Register */

#centerRegisterLeft{
	float:left;
	width:55%;
	padding-left:2%;
	color: #6C7D8E; 
}

#registerBox{
	background: #F3F6F8;
	border: 1px solid #7E95B9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;	
	margin-bottom:50px;
	padding-top:15px;	
	font-weight:bold;
	color: #6C7D8E;
}

/* Right div -> Not registered? (Register)*/
#centerRegisterRight{
	float:right;
	width:35%;
	border-left: 1px solid #ccc;
	margin-top: 20px;
}

/******* END REGISTER SCREEN **********/

/****** FORM *******/

.form{
	font-size:12px;
	background: #EAF2FA; 
	color: #6C7D8E;
	padding: 5px; 
	border: 1px solid #7E95B9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	line-height:50px;
	color:#00CC33;
}

.formButton{
	background-color:#0066CC;
	border:#000 1px solid; 
	font-size:14px;
	font-weight:bold;
	width:130px;
	height:25px;
	margin-top:5px;
	color:#fff; /*0099CC*/
}

.formTable{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	line-height:30px;
	vertical-align:top;
	font-size:13px;
	/*font-weight:bold;*/
}

.formTable input,textarea,select{
	background-color:#FAFBFC;
	border:1px solid #D2DBE7;
	color:#32537E;
	font-weight: normal;
	font-size:14px;
	padding-left:2px;

  /* font-family: verdana, arial, sans-serif; */
  font-family: "Trebuchet MS", tahoma, arial, verdana, sans-serif;
  
}


.formTable input.radio{
	border:none;
	color:#32537E;
	font-weight: normal;
	font-size:14px;
	padding-left:2px;

  /* font-family: verdana, arial, sans-serif; */
  font-family: "Trebuchet MS", tahoma, arial, verdana, sans-serif;
  
}

.formTable input.checkbox{
	border:none;
	color:#32537E;
	font-weight: normal;
	font-size:14px;
	padding-left:2px;

  /* font-family: verdana, arial, sans-serif; */
  font-family: "Trebuchet MS", tahoma, arial, verdana, sans-serif;
  
}

.formTable input:focus,textarea:focus,select:focus{
	border:1px solid #A0B2C9;
	/*font-weight:bold;*/
}

.formTable input.button{
	background-color:#32537E; 
	color:#EFF2F6; 
	border:1px solid #EEF4FB;
	font-size:13px;
	padding:2px 20px 2px 20px;
	margin:15px;
	font-weight:bold;
}

.formTable input.submit{
	background-color:#32537E; 
	color:#EFF2F6; 
	border:1px solid #EEF4FB;
	font-size:13px;
	padding:2px 20px 2px 20px;
	margin:15px;
	font-weight:bold;
	
}

.formInput{
	background-color:#F5F7ED;
	border-color:#0099CC;
	border-width:1px;
	color:#8EA8BC;
}

/**Error**/

/* old not used delete
.error{
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #E24242;
	border-left:5px solid #E24242;
	background-color:#FDD1D1;
	height:35px;
	color:#E24242;
	text-align:left;
	padding-left:15px;
	font-size:25px;
}
*/

.error{
  background-color: #FFDFFD;
  border: 1px solid #FFAFFA;
  padding: 8px;
  font-weight: bold;
  margin-left:auto;
	margin-right:auto;
	font-size: 120%;
	color: red;
}

.errorbox{
  background-color: #FFDFFD;
  border: 1px solid #FFAFFA;
  padding: 8px;
  padding-left: 25px;
  border-left: 4px solid #F00;
  font-weight: bold;
  background-image:url(../icons/iconerror.gif);
  background-repeat: no-repeat;
  background-position: 2px 6px;
  	margin-left:auto;
	margin-right:auto;

}

.errormessage{
  background-color: #FFDFFD;
  border: 1px solid #FFAFFA;
  padding: 8px;
  padding-left: 25px;
  border-left: 4px solid #F00;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: 2px 6px;
  margin-left:auto;
	margin-right:auto;

}


.border{
  border: 1px solid #000;
}


/* Profile and "inside" content starts Here */


/***** Header *******/
	
#headerProfile {
	height:74px;
	background-color: #A0A6AE;
	background-image:url(../img/topTop.png);
	background-repeat: repeat-x;
}

#headerProfileLogo {
	float:left;
	width:550px;
	color:#FFFFFF;	
}

#headerProfileUser{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	width:400px;
	color:#FFFFFF;
	text-align:right;
	padding-right:35px;
	padding-top:10px;
	margin-left: auto;
	margin-right: auto;
	font-size:12px; 
	text-decoration:none;
}


#headerProfileSearch{
	width:100%;
	text-align:right;
	padding-top: 20px;
}

#headerProfileWelcome{
	width:100%;
	height:12px;
	font-size:10px; 
}

#search input {
	display: block;
	height:14px;
	float: left;	
	background-color:#FFFFFF;
	border: 1px solid #C8D6E3;
	border-right:none;
	padding-left:3px;	
	padding-right:5px;	
	color:#909394;
}
#search #magglass {

height: 16px;
margin:0;
padding: 0;

  border: 1px solid #C8D6E3;
	border-left: 1px solid #E9E9E9;	
	padding-right:5px;
	padding-left:5px;
	vertical-align:middle;
	float: left;
	clear:right;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

#headerProfileUser a{ 
	color:#CCC;
	font-weight:bold;
	margin-left:3px;
	margin-right:3px;
	text-decoration:none;
}

/*  Menu */

#greenMenu {
	height:28px;
	width:100%;
	background:url(../img/greenMenu.gif) repeat-x;
	text-align:right;
  margin-top:2px;
  clear: both;
}


#greenMenu ul {
 	margin: 0px;
	padding:0px;
  list-style-type: none;
	float:right;
}

#greenMenu li {
  	margin: 0;
 	padding: 0;
 	float: left;
  	padding-right: 20px;
}
	
#greenMenu li a{
	color:#fff;
	text-decoration:none;	
	display:block;
	margin-right:10px;
	padding: 5px;
	font-weight: bold;
}

#greenMenu li a:hover { 
  	background-color: #fafafa;
  	color:#A8DF7E;
  	font-weight: bold;
  	text-decoration:none;
}

#greenMenu li a.current { 
  	background-color: #fafafa;
  	color:#A8DF7E; 
}

/*Center*/

#main{
	width:999px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/maingradgray.gif) #fff repeat-x;
	margin-top:2px;
	font-size:11px;
	color:#5c5c5c;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding-top: 10px;
}



/** submenu **/
#submenucolumn{
	float:left;
	width:180px;
	padding-left:10px; /** hack to look good in IE 6**/
	margin-right:10px;
}

#submenucolumn #photoborder{
	margin-left:auto;
  	margin-right:auto;
	border: 1px solid #D4D4D6;
	padding-top:5px;
	width:110px;
	height:105px;
	margin-top:10px;
	background:#fff; 
}

#submenucolumn #photoborder img{
  border: none;
}

#submenucolumn #photoborder a,a:hover,a:visited{
	border:none;
}

#submenu{
	width:180px;	
	border:1px solid #E2E2E2;
	/*background-color:#FFFFFF;*/
	text-align:center;
	color:#fff;
	font-weight:bold;
	margin-bottom: 25px;
/*	background:url(../img/profilemenu.png) #fff; */
}

#submenu .nickname{
	margin-top:5px;
	color:#42464A;
	font-size:14px;	
}

#submenu a{
	color:#7399B9;
}

#submenu a:hover{
	background-color:#EAFFDD;
	text-decoration:none;
}


#submenulinks{
	margin-left:auto;
  margin-right:auto;
	width:160px;
	margin-top:10px;
	text-align:left;
}

#submenulinks p{
	margin-bottom:10px;
	margin-top:0px;
}

#submenulinks a{
  display: block;
  padding: 2px;
  margin-bottom: 5px;
}

#submenulinks img{
  border: 0;
  margin-right: 5px;
}

/** end submenu **/

.profilecentercolumn{
	float:left;
	width:380px;
	margin-left:10px;
  	margin-right:10px;	
}

/*Profile Box's*/

.contentBox{
	font-size:11px;
	width:100%;
	margin-bottom:30px;	
}

.contentBox h3{
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  text-align: right;
}


.boxHeader{
	background-image:url(../img/boxHeader.png);
	height:24px;
	border:1px solid #E0DCDC;
	border-bottom:none;
}

.boxHeader p{	
	font-weight:bold;
	color:#8AB018;
	font-size:13px;
	text-decoration:none;
	margin:0px;
	margin-top:4px;
	margin-left:15px;
}

.boxHeader a{	
	color:#8AB018;
	font-size:10px;
}

.boxSubHeader{
	color:#8AB018;
	width:330px;
	padding-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	text-align: center;
}

.boxSubHeader a{
	color:#8AB018;
}

.boxContent{
  border:1px solid #E0DCDC; 
	background-color:#fff;
  
	padding: 20px;
	/*	
	word-wrap:break-word;
	overflow:auto;
	*/
}

.boxContent h2{
	font-size:18px; 
	font-weight:bold; 
	color:#8AB018;
}

.boxContent h3{
	font-size:12px; 
	font-weight:bold;
	text-align:center;
	text-decoration:underline; 
}

.boxContent table{
	background-color:#fff;
}

.boxContentTitle{
	font-size:11px;
	font-weight:bold;
	color:#5c5c5c;
}

.boxContent p{
	font-size:11px;
	margin:5px;
	margin-left: 0px;
	margin-bottom:8px;
}


/** Content box style 2 : Paulo style **/
.contentBox2{
	font-size:11px;
	width:100%;
	margin-bottom:30px;
	border:1px solid #E0DCDC; 
	background-color: #fff;
}

.contentBox2 h2, h2.contentBoxtitle{
	background-image:url(../img/boxHeader.png);
	height:20px;
  font-weight:bold;
	color:#8AB018;
	font-size:13px;
	text-decoration:none;
	
	border-bottom:1px solid #E0DCDC;
	
	margin-top: 0;
	padding: 0;
	padding-top: 4px;
}

h2.contentBoxtitle{
  border:1px solid #E0DCDC;  
}

.contentBox2 h3{
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  text-align: right;
}

.contentBox2 p{
}

/** last line of contentbox**/
.contentBox2 p.last{
  font-size:11px;
	margin:5px;
	margin-left: 0px;
	margin-bottom:8px;
	padding: 10px;
}


/* Friends Images */

.friendphotoborder{
	margin:0 auto;
	border:1px solid #D4D4D6;
	padding:4px;
	width:100px;
	height:100px;
}

.friendphotoborder:hover{
  border: 1px solid #000;
}

.friendphotoborder img{
	vertical-align:middle;
}

.imageblock{
	float:left;
	border:none;
	width: 110px;
	height:130px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#5c5c5c;
	margin:5px;
}

.imageblock2{
	float:left;
	border:none;
	width: 130px;
	height:189px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#5c5c5c;
	padding:5px;
	margin-bottom:25px;
	display:block;

}

.imageblock2 a,a:hover,a:visited{
	border:none;
}

.imageblock2 img{
	border:none;
}

.iconblock{
	/* margin:0 auto; NOT NEEDED? paulo */
	margin-top:10px;
	margin-bottom:5px;
	text-align: center;
}

.iconblock a{
  margin-left: 5px;
}

/*Box to friend requests received*/
.requestbox{
  margin-left:auto;
  margin-right:auto;	
  text-align: left;
  background-color:#cccccc;
  border: 1px solid #ccffcc;
  padding: 5px;
  margin-top: 50px;
}



/* Profile Ends Here */

/* basic centered stuff for content */
#centercontent{
	width:999px;
	margin-left:auto;
	margin-right:auto;	
	text-align: left;
}

.sucessbox{
  width: 600px;
	margin-left:auto;
	margin-right:auto;	
	text-align: left;
  background-color: #f2fff2;
  border: 1px solid #ccffcc;
  padding: 5px;
  background-image: url(../img/sucess_background.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 50px;
}

.sucessbox p{
  padding-left: 160px;
}

.sucessmessage{
  padding: 8px;
  padding-left: 25px;
  font-weight: bold;
  margin-left:auto;
	margin-right:auto;
	background-color: #f2fff2;
  border: 1px solid #ccffcc;
  background-image: url(../icons/iconsucess.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	border-left: 4px solid #007E00;
	margin-bottom: 10px;
}

.warning{
  padding: 8px;
  padding-left: 25px;
  font-weight: bold;
  background-color: #FBF8E0;
  border: 1px solid #F0DD3A;
  background-image: url(../icons/ring.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	border-left: 4px solid #007E00;
	margin-bottom: 10px;
	margin-left: 10px;
}

/** Basic stuff **/




/** Photo gallery **/

#photothumbnails2{
  background-color: #F1F1F1;
  border: 1px solid #CCC;
}
#photothumbnails2 h2{
  background-color: #F3F6F8;
  border-bottom:1px solid #1D69DE;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  color: #000;
  border-bottom:1px solid #D1DDE5;
}

#photothumbnails table{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#photothumbnails td {
  text-align: center;
  vertical-align: middle; 
}

#photothumbnails a {
  border: solid 1px #ccc; 
  display: block;
  text-decoration: none;
}

#photothumbnails a:hover {
  border: solid 1px #000; 
  text-decoration: none;
}

#photothumbnails img{
  border: 0;
  padding: 2px;
}

#photothumbnails img.selectedphoto{
  border: 3px solid #66f;
}

.photoindividual{
  background-color: #F1F1F1;
}

.photoindividual h2{
  background-color: #F3F6F8;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  color: #000;
  border-top:1px solid #D1DDE5;
  border-bottom:1px solid #D1DDE5;
}

.photoindividual h3{
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  border-bottom:1px solid #D1DDE5;
  text-align: right;
}

/*
.submenu{
  float: left; 
  width: 200px;
  background-color: #F3F6F8;
  border:1px solid #1D69DE;
  margin-bottom: 50px;
}

.submenu h2{
  font-weight: bold;
  font-size: 130%;
  width: 195px;
  overflow:hidden;
}

.submenu a{
  display: block;
  padding: 2px;
  margin-bottom: 5px;
}

.submenu a:hover{
  display: block;
  background-color: #FFF;
  text-decoration: none;
  margin-bottom: 5px;
}

.submenu a img{
  border: 0;
  margin-right: 5px;
}

.submenulinks{
  margin-left: 10px;
  width: 180px;
  margin-top: 10px;
  margin-bottom: 10px;
}
*/


.comments{
  text-align: left;
  background-color: #F1F1F1;
}

.comments td, .comments2 td{
  padding: 5px;
}

.comments2{
  background-color: #FAFAFA;
  background-color: #FFF;
  text-align: left;
}

.comments td{
  background-color: #F1F1F1;
  text-align: left;
}

.comments2 td{
  background-color: #FFF;
  text-align: left;
}

.comments, .comments2{
}

.comments img, .comments2 img{
  border: 1px solid #000;
}

.commentsbottom{
  font-size: 90%;
  border-bottom: 1px solid #ccc;
  text-align: right;
}


.graybox{
  background-color: #F1F1F1;
}

/* good for the top of the box */
.graybox h2{
  background-color: #F3F6F8;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  color: #000;
  border-top:1px solid #D1DDE5;
  border-bottom:1px solid #D1DDE5;
}

.graybox h3{
  font-size: 90%;
  font-weight: bold;
  margin: 0;
  padding: 2px;
  border-bottom:1px solid #D1DDE5;
  text-align: right;
}

/* good for the end of the box */
.grayboxbottom{
  font-size: 90%;
  border-bottom: 1px solid #ccc;
}



/** general stuff */
.submit{ /* submit button  */
	/*
	background-color:#00417E;
	border:#000 1px solid; 
	border-top: 1px solid #F1F1F1;
	border-left: 1px solid #F1F1F1;
	font-size:14px;
	font-weight:bold;
	color:#fff; 
	padding: 5px;
	letter-spacing: 2px;
	
	*/
	
	/* copied from .button */
	background-color:#32537E; 
	color:#EFF2F6; 
	border:1px solid #EEF4FB;
	font-size:13px;
	padding:2px 20px 2px 20px;
	margin:15px;
	font-weight:bold;
}

.contentright {  /* when menu2 is shown use this to the right content*/
  float: left; 
  width: 775px;
  margin-left: 10px;
  text-align: center;
}

.smalltext{
  font-size: 90%;
}

/* Besides the usual form stuff the send message form needs this */

#messageform{
  
}

#messageform label{
  margin-right: 5px;
}

.messages{
  text-align: left;
}

.messages th{
  padding: 5px;
  
  /*background-color: #FFF;
  background-color: #F3F6F8;
  background-color: #484974;
  color: #FFF;
  
  background-color: #F3F6F8;
  color: #000;
  
  background-color: #ccf;
  */
  
  
  background-color:#32537E; 
	color:#EFF2F6; 
  
	border-top:1px solid #000;
  border-bottom:1px solid #000;
  
}

.messages p{
padding: 0;
margin: 0;
}

.messagesrow td, .messages2row td{
  padding: 5px;
}

.messagesrow{
  background-color: #F1F1F1;
}

.messagesrow2{
  background-color: #FAFAFA;
  background-color: #FFF;
}

.messagesrow td{
  text-align: left;
  border-bottom: 1px solid #333;
}

.messages2row td{
  text-align: left;
  border-bottom: 1px solid #333;
}


#modal_container {  
  padding:5px;  
  background-color:#fff;  
  border:1px solid #666;  
  /* overflow:auto; */
  color:#333;  
  text-align:center;  
} 
    
#modal_container h2{
  font-size:100%;
  font-weight: bold;
  padding-bottom: 5px;
}

#modal_overlay {  
  background-color:#000;  
}  

/** ok cancel buttons in popup boxes **/
.cancel {
	background-image: url(../icons/cancel.gif);
	background-repeat:no-repeat;
	
	background-color: #FFDFFD;
  border: 1px solid #FFAFFA;
	padding: 5px;
	padding-left: 20px;
	background-position: 4px center;
	
	font-weight: bold;
	color: #950000;
}

.ok {
  font-weight: bold;
	background-image: url(../icons/iconsucess.gif);
	background-repeat:no-repeat;

  background-color: #f2fff2;
  border: 1px solid #ccffcc;
  
	padding: 5px;
	padding-left: 22px;
	background-position: 2px center;
	
	color:#009900;
}


/** notifications table **/

.notifications th{
  padding: 5px;
  
  /*background-color: #FFF;
  background-color: #F3F6F8;
  background-color: #484974;
  color: #FFF;
  
  background-color: #F3F6F8;
  color: #000;
  
  background-color: #ccf;
  */
  
  
  background-color:#32537E; 
	color:#EFF2F6; 
	border-top:1px solid #000;
  border-bottom:1px solid #000;
  
}

.notifications td{
  padding: 5px;
  background-color: #F3F6F8;
  text-align: left;
}

.notifications img{
  border: 1px solid #000;
}

.notifications {
  border: 1px solid #000;
  border-top: none;
}


/** pagination links **/

.pagination a, .pagination a:visited{
  border: 1px solid #1D69DE;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: bold;
}

.pagination a:hover{
  border: 1px solid #003399;
  text-decoration: none;
  color: #003399;
}

.pagination .active{
  border: 1px solid #1D69DE;
  background-color: #1D69DE;
  color: #FFF;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: bold;
}

.pagination .inactive{
  border: 1px solid #808080;
  background-color: #FFF;
  color: #808080;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: bold;
}


.searchresultsheader{
  border-bottom: 1px solid #CCC;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  font-size: 110%;
  height: 16px;
}


/* status stuff */
.statuslink a, .statuslink a:visited{
  text-decoration: none;
}

.statuslink a:hover{
  text-decoration: underline;
}

#inputstatus{
  background-color:#FAFBFC; 
  border:1px solid #D2DBE7; 
  color:#32537E;
  font-size: 10px;
  width: 313px;
  padding-left: 1px;
  /*border: none;*/
  display:block;
  padding: 1px;
}

#statusmenu{
  position: absolute;
  z-index: 2;
  background-color: #FFF;

  
  border-left:1px solid #D2DBE7;
  border-right:1px solid #D2DBE7;
  border-bottom: 1px solid #D2DBE7;
  
  width: 332px;
  margin:0px;
  padding: 0px;

}

#statusmenu a{
  display: block;
  overflow: hidden;
  background: #fff;
  color:#000;
  border: none;
  border-bottom: 1px solid #eee;
  padding: 3px;
  margin: 0px;
}

#statusmenu a:hover{
  text-decoration: none;
  color:#fff;
  background: #1D69DE;
}

/* Generic form stuff */
.inputnormal{
	background-color:#FAFBFC;
	border:1px solid #D2DBE7;
	color:#32537E;
	font-weight: normal;
	font-size:14px;
	padding-left:2px;

  /* font-family: verdana, arial, sans-serif; */
  font-family: "Trebuchet MS", tahoma, arial, verdana, sans-serif;
}

/* register popup stuff */


/*
.registerpopup{
  background-color: #fff;     
  color:#5c5c5c;
  margin: -4px;
  padding: 2px;
  font-size: 12px;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}*/


#registerpopupoverlay{

}

#registerpopup{
  padding: 4px;
  font-size: 11px;
	color:#32537E;

  font-family: "Trebuchet MS", tahoma, arial, verdana, sans-serif;
  background-color: #FFF;
  
  border:1px solid #D2DBE7;
}



/** wishlist stuff**/
.wishlist{
  padding-left: 25px;
  margin-left: 0;
}

.wishlist ul{
}

.wishlist li{
  line-height: 200%;
}


/** dropdown box **/
.dropdown{
  border-left:1px solid #D2DBE7;
  border-right:1px solid #D2DBE7;
  border-bottom: 1px solid #D2DBE7;
}

.dropdownelement{
  border-bottom: 1px solid #eee;
}


.dropdown a{
  display: block;
  overflow: hidden;
  background: #fff;
  color:#000;
  padding: 3px;
  margin: 0px;
}


.dropdown a.last{
  display: block;
  overflow: hidden;
  background: #fff;
  color:#000;
  padding: 3px;
  margin: 0px;
}

.dropdown a:hover{
  display: block;
  text-decoration: none;
  color:#fff;
  background: #1D69DE;
}


a.dropdownlinkelement{
  display: block;
  overflow: hidden;
  background: #fff;
  color:#000;
  padding: 3px;
  margin: 0px;
}


a.dropdownlinkelementlast{
  display: block;
  overflow: hidden;
  background: #fff;
  color:#000;
  padding: 3px;
  margin: 0px;
}

a.dropdownlinkelement:hover{
  display: block;
  text-decoration: none;
  color:#fff;
  background: #1D69DE;
}



.dropdowninput{
  background-color:#FAFBFC; 
  border:1px solid #D2DBE7; 
  color:#32537E;
  font-size: 10px;
  width: 313px;
  padding-left: 1px;
  padding: 1px;
}

/** feeds profile **/

p.feeds{
  margin:10px;
  margin-left:0px;
  padding:0px;
}

p.feeds img{
  vertical-align:middle;
}

.feedsdate{
  color:#CCCCCC;
  font-size:9px; 
}

/** modal hover boxes in news feed **/

#feedshovermodal{
  border: 1px solid #000;
  padding: 2px;
  background-color: #FFF;
  margin: 0;
}

#feedshovermodal img{
  vertical-align: middle;
}

/** gray border around images like the photo thumbnails page **/
.photosborder a {
  border: solid 1px #ccc; 
  display: block;
  text-decoration: none;
}

.photosborder a:hover {
  border: solid 1px #000; 
  text-decoration: none;
}

.photosborder img{
  border: 0;
  padding: 2px;
}

/** profile small photos box hover border**/
.borderHover:hover{
  border: 1px solid #000;
}

.borderHover {
  border: 1px solid #ccc;
}