/* common */
body {
    margin: 0px; padding: 0px;
    text-align: center;
    font-family: arial, sans-serif;
    color: #333;
    background: #ffffff;
    cursor: default;
    overflow: -moz-scrollbars-vertical;
}

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

/* ********** [START HEADER] ********** */

#headerWrap {
	margin: 0px; padding: 0px;
    height: 96px; width: 100%;
    background: url("top_bg.gif") repeat-x;
  	background-color: #c6e5f6;
}

#header {
	margin: 0px auto 0px auto; padding: 0px;
	height: 96px; width: 770px;
    text-align: left;
    position: relative;
}

#header h1 {
	margin: 0px; padding: 0px;
	height: 96px; width: 400px;
	background: url("logo.gif") no-repeat;
}

#headerLogo {
    top: 60px; left: 40px;
    position: absolute;
}

#headerLogo a {
    font: 24px MS Trebuchet, arial, sans-serif;
    color: #004262;
    font-weight: bold;
    text-decoration: none;
}

/* ********** [END HEADER] ********** */


/* ********** [START FOOTER] ********** */

#footerWrap {
	margin: 0px; padding: 0px;
    height: 20px; width: 100%;
    clear: both;
}

#footer {
	margin: 0px auto 0px auto; padding: 0px;
	height: 20px; width: 770px;
    font-family: arial, sans-serif;
	font-size: 11px;
	color: #484b4f;
    text-align: center;
}

/* ********** [END FOOTER] ********** */


/* ********** [START MENU] ********** */

#menuWrap {
	margin: 0px; padding: 0px;
    width: 100%; height: 30px;
    background: url("menu_bg.gif") repeat-x;
  	background-color: #5bb5e3;
    clear: both;
}

#menu ul {
	margin: 0px auto 0px auto; padding: 0px;
	height: 30px; width: 780px;
}

#menu ul li {
	display: inline;
}

#menu ul li span {
	margin: 0px; padding: 0px;
	height: 30px; width: 2px;
	float: left;
    background: url("menu_div.gif") no-repeat;
}

#menu ul li a {
	margin: 6px 12px 6px 12px; padding: 0px;
    font-family: arial, sans-serif;
	font-size: 13px;
	color: #484b4f;
    font-weight: bold;
	float: left;
    text-decoration: underline;
}

/* ********** [END MENU] ********** */


/* ********** [START USER MENU] ********** */

#usermenuWrap {
	margin: 0px; padding: 0px;
    width: 100%; height: 30px;
    background: url("usermenu_bg.gif") repeat-x;
  	background-color: #5bb5e3;
    border-top: 1px #ffffff solid;
    clear: both;
}

#usermenu ul {
	margin: 0px auto 0px auto; padding: 0px;
	height: 30px; width: 780px;
}

#usermenu ul li {
	display: inline;
}

#usermenu ul li span.div {
	margin: 0px; padding: 0px;
	height: 30px; width: 2px;
	float: left;
    background: url("usermenu_div.gif") no-repeat;
}

#usermenu ul li span.user_home {
	margin: 0px 0px 0px 14px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_home.gif") no-repeat;
}

#usermenu ul li span.user_messages {
	margin: 0px 0px 0px 14px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_messages.gif") no-repeat;
}

#usermenu ul li span.user_newmessages {
	margin: 0px 0px 0px 14px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_newmessages.gif") no-repeat;
}

#usermenu ul li span.user_pictures {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_pictures.gif") no-repeat;
}

#usermenu ul li span.user_favorites {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_favorites.gif") no-repeat;
}

#usermenu ul li span.user_visitors {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_visitors.gif") no-repeat;
}

#usermenu ul li span.user_upgrade {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_upgrade.gif") no-repeat;
}

#usermenu ul li span.user_login {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_login.gif") no-repeat;
}

#usermenu ul li span.user_blocked {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_blocked.gif") no-repeat;
}

#usermenu ul li span.user_register {
	margin: 0px 0px 0px 8px; padding: 0px;
	height: 30px; width: 16px;
	float: left;
    background: url("usermenu_register.gif") no-repeat;
}

#usermenu ul li a {
	margin: 7px 8px 8px 8px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #000000;
	float: left;
	font-size: 11px;
    text-decoration: underline;
}

/* ********** [END USER MENU] ********** */


/* ********** [START CONTENT] ********** */

#contentWrap {
	margin: 0px auto 0px auto; padding: 0px;
    width: 770px;
    position: relative;
    clear: both;
  	background-color: #ffffff;
}

#contentLeft {
	margin: 15px 10px 0px 0px; padding: 0px;
    width: 170px; height: 100%;
    position: absolute;
    left: 0px; top: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #000000;
    border-right: 1px dotted #cccccc;
}

#contentRight {
	margin: 0px 0px 0px 185px; padding: 15px 0px 0px 0px;
    width: 585px;
    position: relative;
    left: 0px; top: 0px;
    font-family: arial, sans-serif;
    font-size: 11px;
	color: #000000;
    text-align: left;
}

#contentRight h1 {
    margin: 0px 0px 0px 0px; padding: 0px;
    font-family: arial, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #5282a4;
}

div.hr {
	margin: 4px 0px 4px 0px; padding: 0px;
	height: 2px;
    background: url("box_div.gif") repeat-x;
    border: 0px;
}

#contentRight hr {
	display: none;
}

/* ********** [END CONTENT] ********** */


/* ********** [START SIDE CONTENT] ********** */

#leftBoxContent {
	margin: 0px 15px 0px 0px; padding: 0px;
    font-family: arial, sans-serif;
    font-size: 11px;
	color: #666666;
    text-align: center;
}

/* ********** [END SIDE CONTENT] ********** */


/* ********** [START MAIN CONTENT HEADER] ********** */

#contentHeader {
	margin: 4px 0px 4px 0px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #666666;
    text-align: right;
}

#contentHeader a {
	margin: 0px 8px 0px 8px;; padding: 0px;
    font-family: verdana, sans-serif;
	color: #0000CA;
	font-size: 11px;
    text-decoration: none;
}

#contentHeader a:hover {
	margin: 0px 8px 0px 8px;; padding: 0px;
    font-family: verdana, sans-serif;
	color: #0000CA;
	font-size: 11px;
    text-decoration: underline;
}

/* ********** [END MAIN CONTENT HEADER] ********** */


/* ********** [START MAIN CONTENT FOOTER] ********** */

#contentFooter {
	margin: 8px 0px 4px 0px; padding: 0px;
    font-family: arial, sans-serif;
    font-size: 11px;
	color: #808080;
    text-align: right;
}

#contentFooter a {
	margin: 0px 8px 0px 8px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #0000AE;
	font-size: 11px;
    text-decoration: none;
}

#contentFooter a:hover {
	margin: 0px 8px 0px 8px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #0000AE;
	font-size: 11px;
    text-decoration: underline;
}

/* ********** [END MAIN CONTENT FOOTER] ********** */


/* ********** [START MAIN CONTENT HEADER BOX] ********** */

#roundHeaderBox {
    margin: 0px 0px 1px 0px; padding: 0px;
	width: 100%;
	background-color: #cfe4f8;
}

#itemHeaderWrap {
    margin: 0px; padding: 8px;
}

#roundHeaderBoxTL {
    background: url(boxheader_tl.gif) no-repeat top left;
}

#roundHeaderBoxTR {
    background: url(boxheader_tr.gif) no-repeat top right;
}

#roundHeaderBoxBR {
    background: url(boxheader_br.gif) no-repeat bottom right;
}

#roundHeaderBoxBL {
    background: url(boxheader_bl.gif) no-repeat bottom left;
}

/* ********** [END HEADER BOX] ********** */


/* ********** [START CONTENT BOX] ********** */

#roundContentBox {
    margin: 0px 0px 16px 0px; padding: 0px;
	width: 100%;
	background-color: #f2f2f2;
}

#itemContentWrap {
    margin: 0px; padding: 4px 8px 4px 8px;
}

#roundContentBoxTL {
    /* background: url(boxcontent_tl.gif) no-repeat top left; */
}

#roundContentBoxTR {
    /* background: url(boxcontent_tr.gif) no-repeat top right; */
}

#roundContentBoxBR {
    background: url(boxcontent_br.gif) no-repeat bottom right;
}

#roundContentBoxBL {
    background: url(boxcontent_bl.gif) no-repeat bottom left;
}

/* ********** [END MAIN CONTENT BOX] ********** */


/* ********** [START LATEST MEMBERS BOX] ********** */

#roundLatestBox {
    margin: 0px 0px 16px 0px; padding: 0px;
	width: 100%;
	background-color: #f2f2f2;
}

#roundLatestHeader {
    margin: 4px 0px 8px 0px; padding: 0px;
    font-family: verdana, sans-serif;
	font-size: 11px;
    font-weight: bold;
	color: #585858;
    text-align: left;
}

#itemLatestWrap {
    margin: 0px; padding: 4px 8px 4px 8px;
}

#roundLatestBoxTL {
    background: url(boxcontent_tl.gif) no-repeat top left;
}

#roundLatestBoxTR {
    background: url(boxcontent_tr.gif) no-repeat top right;
}

#roundLatestBoxBR {
    background: url(boxcontent_br.gif) no-repeat bottom right;
}

#roundLatestBoxBL {
    background: url(boxcontent_bl.gif) no-repeat bottom left;
}

/* ********** [END LATEST MEMBERS BOX] ********** */


/* ********** [START MAIN CONTENT CONTENT ITEMS] ********** */

div.contentPicture {
	margin: 4px 0px 4px 4px; padding: 0px;
    text-align: left;
}

div.contentPicture img {
    margin: 4px 0px 4px 0px;
    border: 1px solid #000000;
}

div.contentActions {
	margin: 4px 0px 4px 4px; padding: 0px;
    text-align: left;
}

div.contentActions a {
	margin: 0px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #0000C4;
	font-size: 11px;
    text-decoration: none;
}

div.contentActions a:hover {
	margin: 4px 0px 4px 0px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #0000C4;
	font-size: 11px;
    text-decoration: underline;
}

div.contentHeader {
	margin: 4px 8px 4px 8px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #666666;
    text-align: justify;
}

div.contentSubHeader {
	margin: 4px 8px 4px 8px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
	color: #000000;
    text-align: left;
}

div.contentLabel {
	margin: 4px 8px 4px 8px; padding: 0px;
    width: 120px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #585858;
    text-align: right;
}

div.contentTooltip {
	margin: 0px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #666666;
    text-align: right;
}

div.contentSummary {
	margin: 4px 8px 4px 8px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #000000;
    text-align: justify;
}

div.contentSubSummary {
	margin: 4px 8px 4px 8px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #000000;
    text-align: justify;
}

div.contentSummaryItem {
	margin: 0px 4px 0px 0px; padding: 0px;
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #000000;
    text-align: justify;
}

div.contentSummary span.info {
    font-family: verdana, sans-serif;
    font-size: 11px;
	color: #808080;
}

div.contentSummary h1 a {
    margin: 0px 0px 0px 0px; padding: 0px;
    font-family: verdana, sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    color: #0000CA;
}

div.contentSummary h1 a:hover {
    margin: 0px 0px 0px 0px; padding: 0px;
    font-family: verdana, sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    color: #0000CA;
}

div.contentSummary h2 {
    margin: 0px 0px 8px 0px; padding: 0px;
    font-family: verdana, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    color: #000000;
}

div.contentSummary a {
	margin: 0px 4px 0px 4px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #000091;
	font-size: 11px;
    text-decoration: none;
}

div.contentSummary a:hover {
	margin: 0px 4px 0px 4px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #000091;
	font-size: 11px;
    text-decoration: underline;
}

div.contentSubSummary a {
	margin: 0px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #000091;
	font-size: 11px;
    text-decoration: none;
}

div.contentSubSummary a:hover {
	margin: 0px; padding: 0px;
    font-family: verdana, sans-serif;
	color: #000091;
	font-size: 11px;
    text-decoration: underline;
}

span.required {
    color: #A81605;
}

/* ********** [END MAIN CONTENT CONTENT ITEM] ********** */


/* ********** [START ERROR MESSAGE] ********** */

div.roundBoxError {
    margin: 0px 0px 1px 0px; padding: 0px;
	width: 100%;
	background-color: #fde8ae;
}

div.roundBoxErrorTL {
    /* background: url(boxError_tl.gif) no-repeat top left; */
}

div.roundBoxErrorTR { 
    padding: 16px;
    /* background: url(boxError_tr.gif) no-repeat top right; */
    font-family: arial, sans-serif;
    font-size: 12px;
	color: #000000;
    text-align: left;
}

div.roundBoxErrorBR { 
    /* background: url(boxError_br.gif) no-repeat bottom right; */
}

div.roundBoxErrorBL { 
    /* background: url(boxError_bl.gif) no-repeat bottom left; */
}

/* ********** [END ERROR MESSAGE] ********** */


/* ********** [START INFO MESSAGE] ********** */

#roundBoxInfo {
    margin: 0px 0px 1px 0px; padding: 0px;
	width: 100%;
	background-color: #d2fdbc;
}

#roundBoxInfoTL {
    /* background: url(boxInfo_tl.gif) no-repeat top left; */
}

#roundBoxInfoTR {
    padding: 16px;
    /* background: url(boxInfo_tr.gif) no-repeat top right; */
    font-family: arial, sans-serif;
    font-size: 12px;
	color: #000000;
    text-align: left;
}

#roundBoxInfoBR {
    /* background: url(boxInfo_br.gif) no-repeat bottom right; */
}

#roundBoxInfoBL {
    /* background: url(boxInfo_bl.gif) no-repeat bottom left; */
}

/* ********** [END INFO MESSAGE] ********** */


/* ********** [START INPUT] ********** */

.inputText { 
    padding: 2px 0px 0px 2px; 
    height: 20px; width: 200px; 
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border-top: 1px solid #999999; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #C0C0C0; 
    border-bottom: 1px solid #C0C0C0; 
    background-color: #FFFFFF; 
}

.inputFile { 
    padding: 2px 0px 0px 2px; 
    height: 20px; width: 200px; 
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border-top: 1px solid #999999; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #C0C0C0; 
    border-bottom: 1px solid #C0C0C0; 
    background-color: #FFFFFF;
}

.inputList { 
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border-top: 1px solid #999999; 
    border-left: 1px solid #999999; 
    border-right: 1px solid #C0C0C0; 
    border-bottom: 1px solid #C0C0C0; 
    background-color: #FFFFFF; 
}

.inputCombo { 
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0; 
    border-bottom: 1px solid #C0C0C0; 
    background-color: #FFFFFF; 
}

.inputCheck {
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border: 0px; 
    background-color: #f2f2f2;
}

.inputRadio {
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border: 0px; 
    background-color: #f2f2f2;
}

.inputButton { 
    padding: 0px 4px 0px 4px; 
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border: 1px solid #7B81A9; 
    background-color: #FFFFFF; 
}

.inputTextarea {
    padding: 2px; 
    font-family: verdana, sans-serif;
    font-size: 11px; 
    color: #000000; 
    border-top: 1px solid #999999; 
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0; 
    background-color: #FFFFFF; 
}

.inputSubmit {
    padding: 0px 0px 2px 0px;
    width: 85px; height: 21px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #303030;
    background: url("submit.gif") no-repeat;
    border: 0px;
}

.inputGo {
    padding: 0px;
    width: 16px; height: 16px;
    background: url("go.gif") no-repeat;
    border: 0px;
}

.inputUsername {
    padding: 2px 0px 0px 18px;
    width: 200px; height: 20px;
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    background: url("input_login.gif") no-repeat;
    background-color: #FFFFFF;
}

/* ********** [END INPUT] ********** */


/* ********** [START SPLASH IMAGES] ********** */

#sideSplash {
    margin: 0px 0px 15px 0px; padding: 0px;
    width: 580px; height: 293px;
    border: 1px solid #000000;
}

#sideImg {
    margin: 0px auto 0px auto; padding: 0px;
    width: 155px; height: 149px;
    border: 1px solid #000000;
}

/* ********** [END SIDE IMAGES] ********** */

span.copyright {
    font-family: verdana, sans-serif;
    font-size: 11px;
    color: #000000;
}

span.copyright a {
    font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
    text-decoration: none;
}

span.copyright a:hover {
    font-family: verdana, sans-serif;
	font-size: 11px;
	color: #000000;
    text-decoration: underline;
}


/* ********** [START CHAT] ********** */

#chat ul {
	margin: 0px; padding: 0px;
	list-style: none;
}

#chat ul li {
	margin: 0px 0px 8px 0px; padding: 4px 12px 0px 12px;
	background: #FFFFFF;
	color: #808080;
	line-height: 150%;
}

#chat ul li span.name {
	margin: 0px; padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #000000;
}

/* ********** [END CHAT] ********** */