*, div{ margin: 0; padding: 0; }
body{ font-family:Verdana, Arial, "Times New Roman", Times, serif; font-size:12px;color:#000;background-color:#FFF;margin:0;}
/* bottom menu \*/ 
html, body{height:100%;padding:0} 
* html, * html body{overflow:hidden;padding:0 0 50px 0;margin:0px 0;padd\ing:0;ma\rgin:0;}
* html #outer{overflow:auto;height:99.9%;voice-family: "\"}\""; voice-family:inherit; }
* html #contain-all{position:absolute;overflow:auto;width:100%;height:100%;z-index:1;}
#footer-inner{background:#A5AFB8 url('../img/gradient-vertical.png') repeat-x;height:25px;padding:4px;padding-bottom:none;border: 1px solid #70777D;border-top: 1px solid #A5AFB8;border-left: 1px solid #A5AFB8;}
#footer-inner div{color:#FFF;font-weight:700;font-size:11px;}
* html #footer-inner {margin-right:0px;}
#footer2{position:absolute;bottom:0;width:90%;left:5%;height:25px;z-index:999;}
.spacer {height:25px}
p{margin-top:0}
html>body #footer2{position:fixed}
/* Header */
#header{width:1000px;height:155px;margin:0 auto;}
h1, h2, h3{margin:0 0 20px 0;font-weight:500;color:#4F789F;}
h1{letter-spacing:-1px;font-size:2.6em;}
h2{font-size:1.8em;}
h3{margin:0 0 5px 0;font-size:13px;font-weight:bold;}
h3 a{ font-size:12px;}
p, ul, ol{margin-bottom:1.6em;color:#3F3F3F;}
blockquote{font-style:italic;}
a{color:#4F789F;}
a:hover{text-decoration:none;}
img{border:none;}
textarea {border:1px solid #BED5F8;padding:5px;color:#4F789F;}
#frmsearch{ padding:0px; margin:0px;}
/* ROUNDED INPUT */
.round160{ background:url('../img/aqua/search.gif') no-repeat left top;padding:9px 4px;width:155px; }
.input_search{border:none;background:#FFF;font-size:12px;}
/* ======= MAIN MENU CSS======= */
#mainMenu{width:1010px;margin:0 auto;}
#mainMenu a, #mainMenu  a:visited{color:#4F789F;font-size:1.1em;font-weight:bold;text-decoration:none;}
#mainMenu  a:hover{color:#679ECF;}
.ctm_up_active{background: url('../img/aqua/menu_up_active.gif') repeat-x;height:33px;padding:0px;}
.ctm_up_inactive{background: url('../img/aqua/menu_up_inactive.gif') repeat-x;height:33px;padding:0px;}
.ctm_down_active{background: url('../img/aqua/menu_down_acitve.gif') repeat-x;height:33px;}
/* ======= MENU LEFT RIGHT TRANSPARENT CSS ======= */
.spriteMenu {background:url('../img/aqua/menu_transparent.jpg'); height:66px;}
.left_active {width:27px; background-position:0px 66px;}
.left_inactive {width:27px; background-position:0px 0px;}
.right_active {width:27px; background-position:27px 66px;}
.right_inactive {width:27px; background-position:27px 0px;}
/* ======= MENU ICONS CSS ======= */
.spriteIcon {background:url('../img/menu/menu_pic.gif'); height:20px;}
.imgHome {width:22px; background-position:-2px 0;}
.imgFun {width:20px; background-position:-73px 0px;}
.imgGames {width:28px; background-position:-43px 20px;}
.imgStory {width:27px; background-position:-43px 0px;}
.imgfacts {width:20px; background-position:-23px 0px;}
.imgTest {width:20px; background-position:0px 20px;}
.imgAnketa {width:20px; background-position:-93px 0px;}
/* ======= ACTION ICON CSS ======= */
.spriteAction {background:url('../img/chat_img.png'); height:25px; position:relative; top:8px;left:-2px;}
.imgAddFriend {width:25px; background-position:0px 0;}
.imgDellFriend {width:25px; background-position:-25px 0px;}
.imgBlockChat {width:25px; background-position:-50px 0px;}
/* ======= PAGE CSS ======= */
.contentCenter{width:1010px;margin:0 auto;}
.contentCenter td{padding:0px;margin:0px;} 
/* ======= ADMIN STAT ICON CSS ======= */
.spriteAdminStat {background:url('../img/stat_pic.png'); height:24px;}
.imgAdminVic {width:24px; background-position:0px 0;}
.imgAdminPic {width:24px; background-position:-24px 0px;}
.imgAdminVideo {width:24px; background-position:-47px 0px;}
.imgAdminThinks {width:24px; background-position:-72px 0px;}
.imgAdminStory {width:24px; background-position:-96px 0px;}
.imgAdminFact {width:24px; background-position:-120px 0px;}
/* ======= PAGE CSS ======= */
.contentCenter{width:1010px;margin:0 auto;}
.contentCenter td{padding:0px;margin:0px;} 
/* ======= CONTENT CSS ======= */
.content {color:#4F789F;font-family:Verdana;font-size:12px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:170%;}
.sidePart ul{margin-left: 30px;padding: 0;}
.sidePart li{margin: 0;padding: 5px 0px 5px 0px;list-style-image: url('../img/aqua/star.jpg');}
.sidePart ul li:hover{list-style-image: url('../img/aqua/star.jpg')}
.sidePart ul li a{color:#4F789F;font-size:13px;text-decoration:none;}
.sidePart ul li a:hover{color:#679ECF;}
.sidePart{background: url('../img/aqua/sidebar_bg_small.jpg') no-repeat top left;width:190px;margin-bottom:20px;min-height:200px;height:auto !important;height:200px;}
.sidePart div {width:170px;margin:0 auto;}
.sidePart h2 {padding-top:15px;text-transform: uppercase;font-size:14px;font-weight:bold;text-align:center;color: #4F789F;}
.sidePart h3 {padding-left:10px;font-size:13px;font-weight:bold;text-align:left;color: #4F789F;}
/* ======= SIDEBAR RIGHT BIG ======= */
.sidebarRightBig{float:right;width:250px;}
.sidebarRightBig ul{margin:0;padding:0;list-style:none;}
.sidebarRightBig ul li{margin: 0;padding: 5px;background: none;padding-left: 15px;background: url('../img/aqua/star.jpg') no-repeat left center;}
.sidePartBig{margin-bottom: 10px;padding: 20px 10px 40px 15px;background: url('../img/aqua/sidebar_bg_big.jpg') no-repeat;}
.sidebarRightBig h2{margin-bottom: 15px;text-transform: uppercase;font-size:20px;text-align:center;color: #4F789F;}
#quiz {width:700px;margin-left:10px;text-align:left;}
/* ======= FOOTER CSS ======== */
#footer{clear:both;padding:10px 0 30px 0;background:#EAF1F7;border-top:5px solid #A2C9EA;text-align:left;}
#footer p{margin:0;color:#76AEDB;padding:0px;}
#footer a{color:#76AEDB;}
/* ======= SMALL PIC WITH BORDER PIC CSS ======== */
.imgFrame{background: url('../img/img_border.gif') transparent 0% 0% no-repeat;width:155px;height:114px;float:left;display:inline;}
.imgDiv{position:relative;width:114px;height:85px;top:23px;left:14px;}
.imgPic{width:112px;height:83px;}
.avatar{border:1px solid #CFCFCF;padding:2px;}
/* ======= PAGING CSS ======== */
#ul-table{width:560px;text-align:center;margin:0 auto;padding:0;color:navy;list-style-type:none;clear:both;}
#ul-table li{width:35px;float:left;border:none;list-style-type:none;margin-left:2px;text-align:center;}
* html #ul-table li a{width:100%;}
#ul-table li a{background-color:#C2D8F8;font: 11px Verdana, Arial, "Times New Roman", Times, serif;font-weight:500;display:block;line-height:27px;}
#ul-table a:link, #ul-table a:visited, #ul-table a:active{color:#255FDC;text-decoration:none;}
#ul-table a:hover{background-color:#172A7F;color:#FFF;font-weight:700;text-decoration:none;}
#ul-table .inactiveButtoon{font:11px Verdana, Arial, "Times New Roman", Times, serif;background-color:none;border:1px solid #C2D8F8;line-height:25px;}
/* ======= AJAX LOADING IMAGES CSS ======== */
* html #AjaxLoading{position:absolute;}
div#AjaxLoading{background-color:#FFFFFF;border:2px solid #666666;font-size:18px;width:200px;margin:0 auto;text-align:center;position: fixed;padding:5px;top:40%;left:40%;z-index:10 !important;}
.idle{border:1px solid #85b1de;background-image:url('../img/aqua/blue_bg.png');background-repeat:repeat-x;background-position:top;font-family:Arial,Sans-Serif;font-size:12px;margin-bottom:5px;color:#666666;padding:4px;width:250px;line-height:21px;}
.idleSmall{border:1px solid #85b1de;background-image:url('../img/aqua/blue_bg.png');background-repeat:repeat-x;background-position:top;font-family:Arial,Sans-Serif;font-size:12px;margin-bottom:5px;color:#666666;padding:3px;width:100px;line-height:16px;}
/* ======= COMMON CSS ======== */
.common{text-align:justify;color:#000000;width:580px;}
.clear{clear:both;width:1px;}
.line{width:600px;height:2px;margin:10px auto;border-bottom: 2px solid #FF8F8F;}
.blue_line{width:600px;height:2px;margin:10px auto;border-bottom: 1px solid #97a5b0;}
.item {width:600px;margin:5px auto;color:#3F3F3F;font-weight:500;font-size:12px;}
.pic {width:167px;height:175px;float:left;margin:2px;color:#000000;border: 2px solid #FF8F8F;}
.regularTtext{font-size:11px;color:#5F5F5F;font-weight:500;}
.greenButton{display:block;border:2px dotted #347F27;padding:0 0 4px 4px;width:265px;}
.redButton{display:block;border:2px dotted #FF0000;padding:0 0 4px 4px;width:265px;}
/* ======= STAR-RATER ======== */
.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background: url('../images/star.gif') left -1000px repeat-x;}
.star-rating{position:relative;width:125px;height:25px;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:25px;line-height:25px;outline:none;overflow:hidden;border: none;}
.star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position: left bottom;}
.star-rating .current-rating{z-index:1;background-position: left center;}
/* ================= HELP CSS  ======================  */
.helpCell{padding:5px;}
.tableHelp{width:600px;margin:20px 0px;border:2px solid #FF8F8F;color:#000000;font-size:11px;}
/* ================= COPY INPUT CSS  ======================  */
.copyButton{display:inline;position:relative;top:8px;left:5px;}
.copiedLink{margin-left:5px;width:300px;height:15px;padding:2px;background-color:#FBE3E4;border:1px solid #EF959B;font-size:11px;}
.copyDiv{display:inline;width:600px;margin:0px;font-size:11px;padding:0px;}
/* ============== TABLE USER CSS ============== */ 
.tableHeader{width:600px;margin-top:20px;}
.tableHeader th{text-align:left;padding-left:10px;background: url('../img/aqua/head_table.jpg') no-repeat left;height:33px;width:600px;}
.tableHeader td{border:1px solid #ABC8EA;padding:5px;}
.insideTable td{border:none;}
/* ============== UPLOAD MENU CSS ============== */ 
#uploadMenu{position:relative;top:-8px;border-bottom:2px solid #FF8F8F;font-family:Arial,Helvetica,sans-serif;text-align:center;width:600px;}
#uploadMenu td {text-align:center;border:none;font-weight:700;	width:600px;height:28px;}
#uploadMenu2{position:relative;top:-8px;border-bottom:2px solid #FF8F8F;font-family:Arial,Helvetica,sans-serif;text-align:center;width:750px;}
#uploadMenu2 td {text-align:center;border:none;font-weight:700;	width:600px;height:28px;}
.uploadLink{text-align:center;font-weight:700;font-size:12px;padding:4px;text-decoration:underline;}
uploadLink:hover{text-align:center;font-weight:700;font-size:11px;padding:4px;text-decoration:none;}
/* ============== FORM CSS ============== */
.buttonDiv{background-color:#FFFFFF;border:1px solid #BED5F8;font-weight:500;padding:1px;}
.button{background:#FFFFFF url('../img/aqua/button_bg.jpg') repeat-x;border:none;outline:0;color:#4F789F;font-weight:500;padding:1px;width:100%;}
select{border:1px solid #BCDDF4;background-color:#FFF;color:#4F789F;padding:2px;border:1px solid #85b1de;width:250px;}
span.checkbox{width:19px;height:25px;padding:0 5px 0 0;background: url('../img/aqua/checkbox.gif') no-repeat;display:block;clear:left;float:left;}
span.radio{width:19px;height:25px;padding:0 5px 0 0;background: url('../img/aqua/radio.gif') no-repeat;display:block;clear:left;float:left;}
input.styled{display:none;} 
select.styled{position:relative;width:190px;opacity:0;z-index:5;}
.radioLinkActive {
	color:green;
	text-decoration:none;
	border:1px solid #399F27;
	background-color:#BBFFAF;
	padding:5px;
}
.radioLinkActive:hover {color:green;text-decoration:none;}
.radioLinkInactive {
	color:blue;
	text-decoration:underline;
	border:1px solid #5F61FF;
	background-color:#AFB0FF;
	padding:5px;
}
.radioLinkInactive:hover {color:blue;text-decoration:underline;}
.radioCategory{width:140px;border:1px solid #85B1DE;border-top:none;background:transparent url('../img/aqua/menu_up_inactive.gif') repeat-x scroll 0 0;padding:2px;margin:3px 4px 4px 35px;float:left;display:inline;}
.category{width:600px;padding:0px;}
/* ============== ADMIN ACTION MENU CSS ================= */
#actionDiv{width:600px;text-align:right;margin:10px 0;}
#actionDiv .actionLink{margin:0 5px;}
/* ============== CHAT CSS ================= */
.blueUserChat { color:#679ECF; font-weight:bold;}
.redUserChat { color:#FF8F8F; font-weight:bold;}
.chatDate { color:#85B1DE; }
.chatNickLegend {border:1px solid #85B1DE;background-color:#FFF;padding:2px 8px;font-size:15px;margin-left:20px;font-weight:bold;}
.chatUserImg {border:1px solid #CFCFCF;padding:2px;float:right;position:relative;top:-8px;}
.chatUserSlogan {float:left;display:inline;width:480px;}
.chatFieldset {border:1px solid #85B1DE;padding:2px 2px 0 6px;margin-bottom:5px;}
.chatPeople {width:170px;padding:0px;}
/* ============== ERROR CSS ============== */
.errorText{color:red;font-weight:700;}
.errorMsg{
	background-color:#FFCFCF;
	border-bottom:1px solid #FD2626;
	border-top:1px solid #FD2626;
	color:#6E6E9B;
	margin:0 0 5px;
	padding:12px 0;
	text-align:center
}
.successMsg{
	background-color:#BBFFAF;
	border-bottom:1px solid #399F27;
	border-top:1px solid #399F27;
	color:#6E6E9B;
	margin:0 0 5px;
	padding:12px 0;
	text-align:center
}
.redBackground {background-color:#FFEFEF;}
.greenBackground {background-color:#F1FFEF;}
/*  ==============  FACEBOX  ===================*/
#facebox .b {background:url('../img/b.png');}
#facebox .tl {background:url('../img/tl.png');}
#facebox .tr {background:url('../img/tr.png');}
#facebox .bl {background:url('../img/bl.png');}
#facebox .br {background:url('../img/br.png');}
#facebox {position:absolute;top:0;left:0;z-index:100;text-align:left;}
#facebox .popup {position:relative;}
#facebox table {border-collapse:collapse;}
#facebox td {border-bottom:0;padding:0;}
#facebox .body {padding:0px;background:#fff;width:370px;}
#facebox .loading {text-align:center;}
#facebox .image {text-align:center;}
#facebox img {border: 0;margin:0;}
#facebox .footer {border-top:1px solid #DDDDDD;padding-top: 5px;margin-top:10px;text-align:right;}
#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br {height:10px;width:10px;overflow:hidden;padding:0;}
#facebox_overlay {position:fixed;top:0px;left:0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color:#000;z-index:99;}
* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* ANKETA */
.anketa {margin-left:30px;color:#4F789F;font-family:Verdana;font-size:12px;}
.anketa li {display:block;margin-top:5px;}
.over {background:#FFDFDF;}

.diagram{ background:url('../img/mainbar.gif') repeat-x; height:10px;border:1px solid #C2CCD1;}

.radioDiv{width:146px;height:30px;line-height:25px;margin:10px 15px;float:left;display:inline;text-decoration:none;}
.radioDiv span{margin-left:24px;}
.inactiveCategory {background:transparent url('../img/aqua/inactiveRadio.jpg') no-repeat 0 0;}
.activeCategory {background:transparent url('../img/aqua/activeRadio.jpg') no-repeat 0 0;}

.radioDot {line-height:25px;display:block;text-decoration:none;}
.radioDot span{margin-left:24px;}
.inactiveRadioDot {background:transparent url('../img/inactive_dot.jpg') no-repeat 0 0;}
.activeRadioDot {background:transparent url('../img/active_dot.jpg') no-repeat 0 0;}

.quizTable {width:590px;border-collapse:collapse;}
.quizTable td {border:1px solid #BFD5F8;font-size:11px;padding:2px;}
.quizTable th {border:1px solid #4F789F;background-color:#4F789F;color:#FFF;}

/* ================  SIMULATE TABLE ======================= */
.tc1 {
	font-size:11px;
	text-align:center;
	width:160px;
	height:1%;
}
div.tc1 .simulateTh{background:#FFFFCC; font-weight:bold;}
div.tc1 span{
	height:30px;
	text-align:center;
	line-height:30px;
	padding:3px;
	width:43px;
	display:block;
	float:left;
	border:1px solid #DEDEDE;
}
/* ================ TABS CSS ==================== */
.tabs-hide {
	display: none;
}
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url('../img/tabs.png') no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url('../img/loading_tab.gif') no-repeat 0 50%;
}

.sidePartBig .paperClipImg {
	position:relative;
	top:-8px;
	left:-6px;
	margin:0px;
	z-index:5;
}

.sidePartBig .userImageDivHorizontal{
	width:185px;
	height:139px;
	padding:0px;
	position:relative;
	left:20px;
	top:10px;
	z-index:3;
}

.sidePartBig .userImageDivVertical{
	width:150px;
	height:200px;
	ppadding:0px;
	position:relative;
	left:20px;
	top:10px;
	z-index:3;
}