body
{
    background-color: #e1e1e1;
    margin:0;
    padding:0;
    text-align: center;
    font-family: "Lucida Grande", Arial, Verdana, Georgia, "Times New Roman" ;
    font-size: 14px ;
    color: #fff;
}

img
{
    border:none;
}

h2
{
    font-family: Verdana, Arial;
    color:#fff;
    font-weight: bold;
    padding: 10px;
    padding-bottom: 0;
}

h2 img
{
    vertical-align: middle;
    padding-right: 12px;
    padding-bottom: 2px;
}

#cc-wrapper
{
    background: transparent url(./images/d_shadow.png) repeat-y center top ;
    margin:0;
}

#cc-wrapper #cc-base-wrapper
{
    background: #6183a8 url(./images/basebg.png) repeat-x;
    width:968px;
    margin:0 auto 0 auto;
    
    text-align: left;
}

#cc-base-wrapper .d-bar
{
    height: 13px ;
    background: url(./images/dbar-bg.png) repeat-x ;
}

#cc-header
{
    height: 180px;
    padding-top: 12px;
}


#cc-mini-header
{
    height: 92px;
    background: #033463;
    padding-top: 12px;
}


#cc-header #cc-logo
{
    padding-top: 22px;
    padding-left: 18px;
}

#cc-mini-header #cc-logo
{
    padding-top: 0;
    padding-left: 18px;
}
#cc-header-menus
{
    
}

#cc-header-menus #right-menus
{
    float:right;
}

#cc-header-menus #right-menus ul
{
    list-style: none;
    margin:0;
    padding:0;
}

#cc-header-menus #right-menus li
{
    float: left;
    padding-top: 18px;
}

#cc-header-menus #right-menus li a,
#cc-header-menus #right-menus li a:link,
#cc-header-menus #right-menus li a:visited
{
    padding: 10px;
    padding-bottom: 4px;
    color: #fff ;
    font-family: Verdana;
    text-decoration: none;
    background: url(./images/separator_bar.png) no-repeat right 10px ;  
}

#cc-header-menus #right-menus li a:hover
{
    text-decoration: underline;
}

#cc-header-menus #right-menus li a.last
{
    background: none;
}

#cc-mini-header #cc-header-menus #main-menus
{
    padding-top: 0;
}

#cc-header #cc-header-menus #main-menus
{
    padding-top: 13px;
}

#cc-header-menus #main-menus ul
{
    list-style: none;
    margin:0;
    padding:0;
}

#cc-header-menus #main-menus ul li
{
    float: left ;
    background: url(./images/separator_bar.png) no-repeat right 10px ;
}

#cc-header-menus #main-menus ul li.actived
{
    background: transparent url(./images/selected-button-clip.png) no-repeat;
}

#cc-header-menus #main-menus ul li a,
#cc-header-menus #main-menus ul li a:link,
#cc-header-menus #main-menus ul li a:visited
{
    display: block;
    color:#96ccff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    width: 81px;
    height: 20px;
    
}

#cc-header-menus #main-menus ul li a:hover
{
    background: transparent url(./images/hover-button-clip.png) no-repeat;
    color:#fff;
}

#cc-header-menus #main-menus ul li a.actived
{
    color:#ff8e92;
    background: transparent url(./images/selected-button-clip.png) no-repeat;
}
#cc-header #cc-header-menus #main-menus_2
{
    padding-top: 0px;
}

#cc-header-menus #main-menus_2 ul
{
    list-style: none;
    margin:0;
    padding:0;
}

#cc-header-menus #main-menus_2 ul li
{
    float: left ;
    background: transparent url(./images/selected-button-clip_2.png) no-repeat;
}

#cc-header-menus #main-menus_2 ul li.actived
{
    background: transparent url(./images/selected-button-clip_2.png) no-repeat;
}

#cc-header-menus #main-menus_2 ul li a,
#cc-header-menus #main-menus_2 ul li a:link,
#cc-header-menus #main-menus_2 ul li a:visited
{
    display: block;
    color:#ffffff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding-top: 12px;
    width: 81px;
    height: 20px;
    
}

#cc-header-menus #main-menus_2 ul li a:hover
{
    background: transparent url(./images/selected-button-clip_2.png) no-repeat;
    color:#fff;
}

#cc-header-menus #main-menus_2 ul li a.actived
{
    color:#ffffff;
    background: transparent url(./images/selected-button-clip_2.png) no-repeat;
}

#cc-footer
{
    height: 27px;
    width: 946px;
    padding: 12px;
    background: url(./images/footer-cp.png) no-repeat;
}

#cc-profile-footer
{
    height: 55px;
    width: 946px;
    padding: 12px;
    padding-top: 4px;
    background: url(./images/footer-stripe.png) repeat;
    font-size: 12px;
    border-top: 2px solid #000000;
}

#cc-footer #footer-links
{
    float: right;
}

#cc-footer #footer-links ul
{
    list-style: none;
    padding:0;
    margin:0;
}

#cc-footer #footer-links ul li
{
    float: left;
    padding: 0 6px 0 6px;
}

#cc-main-navigator
{
    background: url(./images/navbarbg.png);
    height: 42px;
}

#cc-main-navigator ul
{
    margin: 0;
    padding: 0;
}

#cc-main-navigator ul li
{
    list-style: none;
}

#cc-main-navigator ul li a
{
    display: block;
    float: left;
    height: 18px;
    padding:6px 18px 6px 10px;
    background: url(./images/navseparatorbg.png) no-repeat right -1px;
}

#cc-main-navigator ul li a.main
{
    color: #6c1f2b;
    font-weight: bold;
}

#header-login
{
    position: absolute;
    margin-top: -120px;
}

.home-stats-userpicture
{
    background: url(./images/members-avatar-preview.png);
    padding: 10px;
    width: 88px;
    height: 66px;
}

.notifier-box
{
    background: url(./images/notifiers/notifierbox-bg.png);
    width: 190px;
    height: 122px;
    position: absolute;
    overflow: hidden;
    z-index: 10008;
}

.notifier-box .notifier-contents a,
.notifier-box .notifier-contents a:link,
.notifier-box .notifier-contents a:visited
{
    color: #333;
    text-decoration: underline;
}

.notifier-box img
{
    border: none;
}

.notifier-box .notifier-title
{
    height: 20px;
    padding-top: 10px;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #3e3e3e;
}

.notifier-box .notifier-utils
{
    text-align: right;
    float: right;
    margin-right: 8px;
}

.notifier-box .notifier-icon
{
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.notifier-box .notifier-contents
{
    text-align: right;
    font-size: 14px;
    color: #3e3e3e;
    padding: 4px 8px;
    overflow: auto;
}

.notifier-box .user-link
{
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #3e3e3e;
}

.notifier-box .avatar-box
{
    float: left;
    width: 42px;
    height: 42px;
    background: url(./images/notifiers/avatar4040box.png) no-repeat;
    text-align: left;
    padding: 0;
    margin: 0;
    padding-top: 1px;
    padding-left: 1px;
}

.notifier-box .avatar-box img
{
    width: 40px;
    height: 40px;
}

#index-infos
{
    height: 200px;
}

#index-infos ul
{
    list-style: none;
    padding: 0;
    margin:0;
}

#index-infos li
{
    float: left;
    margin-right: 20px;
}

#members-random-list
{
    text-align: center;
}

.index-links-list
{
    font-family: Verdana, Arial;
    font-size: 12px;
    border-bottom: 2px solid #2f63b3;
    margin-left: 14px;
    padding: 1px;
    width: 200px;
}

a
{
    color:#fff;
    text-decoration: none;
}

#cc-contents
{
    
}

.steps_wrapper
{
    height: 53px;
    text-align: center;
}

.steps_wrapper ul
{
    display: table;
    list-style: none;
    margin:0 auto 0 auto;
    padding:0;
}

.steps_wrapper ul li
{
    float:left;
    height: 53px;
}

.steps_wrapper ul a.steps_head
{
    width: 8px;
    height: 53px;
    background: url(./images/step_head_actived.png) no-repeat;
    cursor: default;
    padding:0;
}

.steps_wrapper ul a.steps_end
{
    width: 28px;
    height: 53px;
    background: url(./images/step_arrow_end.png) no-repeat;
    cursor: default;
    padding:0;
}

.steps_wrapper ul li a
{
    display: block;
    background: url(./images/step_arrow_bg.png) repeat-x;
    height: 17px;
    padding: 18px;
    padding-left:10px;
    padding-right:10px;
    color: #4a1a27;
    font-weight: bold;
}

.steps_wrapper ul li a.step_actived
{
    background: url(./images/step_arrow_bg_actived.png) repeat-x;
    color: #fff;
}

.steps_wrapper ul li a.step_arrow
{
    padding:0 ;
    height: 53px;
    width: 27px;
    background: url(images/step_arrow_end_bg.png) no-repeat ;
}

.steps_wrapper ul li a.step_arrow_actived
{
    padding:0 ;
    height: 53px;
    width: 27px;
    background: url(images/step_arrow_end_bg_actived.png) no-repeat ;
}

.steps_wrapper ul li a.step_arrow_sactived
{
    padding:0 ;
    height: 53px;
    width: 27px;
    background: url(images/step_arrow_end_bg_sactived.png) no-repeat ;
}

.steps_wrapper ul li a.step_arrow_cactived
{
    padding:0 ;
    height: 53px;
    width: 27px;
    background: url(images/step_arrow_end_bg_cactived.png) no-repeat ;
}

/*====================*/
/* FULL BOX
/*===================*/

.fullbox
{
    text-align: center;
}

.fullbox .fullbox-tb
{
    background: url(images/fullbox_top.png) no-repeat ;
    width: 913px;
    height: 13px;
    margin: 0 auto 0 auto;
}

.fullbox .fullbox-bb
{
    background: url(images/fullbox_bottom.png) no-repeat ;
    width: 913px;
    height: 13px;
    margin: 0 auto 0 auto;
}

.fullbox .fullbox-contents
{
    margin:0 auto 0 auto;
    width:913px;
    background: url(images/fullboxbg.png) repeat-y;
    min-height: 460px;
    padding:0;
}

.fullbox .fullbox-icontents
{
    padding: 30px;
    min-height: 400px;
    background: url(images/fullwin-reflection.png) no-repeat 7px 0px ;
}

/***************************/
/* TITLE */
/***************************/

.registration-fields
{
    border-bottom:1px solid #23415F;
    border-top: 1px solid #50708F;
    padding: 20px;
    text-align: left;   
}

.fieldtitle
{
	width: 540px;
    font-weight: bold;
    padding: 14px 0 14px 0;
    color:#333333;
    font-size: 40px;
    border:none;
    text-align: left;
    border-bottom:1px solid #23415F;
}

.fieldtitle .shadow
{
	width: 540px;
    position: absolute;
    text-align:left;
    padding-left:1px;
    padding-top:1px;
    color:#a2cefe;
}

.fieldtitle .fieldtitle-description
{
    text-align: left;
    font-size: 13px;
    color:#dddddd;
    font-weight:normal;
    font-style: italic;
}

.field-description
{
    text-align: left;
    font-size: 12px;
    color:#dddddd;
    font-weight:normal;
    font-style: italic;
    margin-left: 14px;
    margin-top:6px;
    width: 280px;
}

.submitfield
{
    border-bottom: none;
    padding: 14px;
    text-align: right;
}

.cfield
{
    width: 294px;
    border: 2px solid #345e99;
    padding:4px;
    background-color: rgba(255,255,255,0.60);
    color:#223d63;
    /*margin-left: 10px;*/
}

.cfield2
{
    width: 294px;
    border: 2px solid #345e99;
    padding:4px;
    background-color:#fff;
    color:#223d63;
    /*margin-left: 10px;*/
}

.selectfield select
{
    margin: 10px;
    margin-bottom: 0;
}

textarea.cfield,
textarea.actived_field,
textarea.error_field
{
    height: 120px;
}

.actived_field
{
    width: 294px;
    border: 2px solid #345e99;
    padding:4px;
    background-color: #fff;
    color:#223d63;
    margin-left: 10px;
}

.error_field
{
    width: 294px;
    border: 2px solid #852916;
    padding:4px;
    background-color: #fff;
    color:#223d63;
    margin-left: 10px;
}

.ftitle
{
    padding:0;
    border:none;
    font-weight: bold;
}

.ftitle img
{
    vertical-align: bottom;
    padding: 0 8px 0 0;
}

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

.strep-contents
{
   margin-top: 6px;
   color: #888;
}

.strep-contents .strep-top
{
    background: url(./images/strep-top.png) no-repeat;
    width: 864px;
    height: 38px;
}

.strep-contents .strep-bottom
{
    background: url(./images/strep-bottom.png) no-repeat;
    width: 864px;
    height: 15px;
}

.strep-contents .strep-middle
{
    background: url(./images/strep-middle.png) repeat-y;
    width: 864px;
    text-align: left;
    padding: 8px 20px;
}

.strep-contents label
{
    font-weight: bold;
    color: #333;
    text-align: left;
    display: block;
}

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

.sendbutton,
a.button
{
    /*width: 120px;*/
    
    height: 25px;
    padding:2px 6px;
    margin:4px;
    text-align: center;
    background:#fff url(images/sendbuttonbg.png) repeat-x;
    border:1px solid #092659;
    color:#1e5a86;
    font-weight: bold;
}


/*====================*/
/* ERROR WIN
/*===================*/

.error_window2
{
    border: 3px solid #702323;
    background: #fff url(./images/error-bubble-bg.png) no-repeat 12px 6px ;
    margin:20px 20px;
    padding:10px;
    padding-left: 140px;
    color:#702323;
    min-height: 100px;
}

.error_window2 a,
.error_window2 a:link,
.error_window2 a:visited
{
    color:#702323 ;
    text-decoration: underline;
}

.error_window3
{
    border: 3px solid #702323;
    background: #fff;
    margin:10px;
    padding:6px;
    padding-left: 60px;
    color:#702323;
}

.error_window
{
    text-align: center;
}

.error_window .error_window-tb
{
    background: url(images/fullbox_error_top.png) no-repeat ;
    width: 913px;
    height: 13px;
    margin: 0 auto 0 auto;
}

.error_window .error_window-bb
{
    background: url(images/fullbox_error_bottom.png) no-repeat ;
    width: 913px;
    height: 13px;
    margin: 0 auto 0 auto;
}

.error_window .error_window-contents
{
    margin:0 auto 0 auto;
    width:913px;
    background: url(images/fullbox_error_bg.png) repeat-y;
    padding:0;
}

.error_window .error_window-icontents
{
    padding: 30px;
    background: url(images/fullwin-error-reflection.png) no-repeat 7px 0px ;
    color:#df4625;
    text-align: left;
}

/***************************/
/* SIGNUP                  */
/**************************/

.statictextarea
{
    height:  180px;
    overflow: auto;
    border: 1px solid #333;
    padding: 10px;
    background: #efefef;
    color: #333;
}

.signup_duplicates_area
{
    display: none;
    padding-top: 10px;
    text-align: left;
    font-size: 13px;
    color:#dddddd;
    font-weight:normal;
    font-style: italic;
}

.signup_duplicates_area img
{
    vertical-align: top;
    margin-right: 10px;
}

.text-area-resizer
{
    width: 16px;
    height: 16px;
    background:url(./images/resizer.png) no-repeat;
    position: absolute;
    margin-left: 18px;
    margin-top: 8px;
}

/***************************/
/* Login                  */
/**************************/

#cc-login-signup
{
    width: 260px;
    border-right: 1px solid #75BEEC;
    padding-right:40px;
    padding: 20px;
    margin-left:150px;
}

#cc-login-signup li
{
    padding: 10px 0 10px 0 ;
}

#cc-login-wrapper a
{
    color: #75BEEC;
    text-decoration: underline;
    font-weight: bold;
}

#cc-login-interface
{
    float: right;
    text-align: left;
    width:410px;
    padding: 20px;
}

#cc-login-interface h2,
#cc-login-signup h2
{
   margin: 0;
   padding:0 ;
}

#cc-login-interface .login-title
{
    padding: 10px 0 10px 0 ;
}

#cc-login-interface .forget_password
{
    margin-left: 10px;
    margin-top: 4px;
}

#cc-login-interface a
{
    font-weight: normal;
}

#cc-login-wrapper .controllers-area
{
    text-align: right;
    margin-right: 100px;
}

#login-error-window
{
    color: #a42500 ;
    padding: 14px;
    font-size: 18px;
    font-weight: bold;
    background: url(images/whitepx.png) repeat ;
}

/***************************/
/* Redirect                */
/**************************/

#redirect-wrapper
{
    background: url(images/redirect-window.png) no-repeat;
    width: 574px;
    height:262px;
    margin:40px auto 0 auto;
    padding: 22px 46px 0px 46px;
}

#redirect-wrapper h4
{
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    color: #1a3f62;
    margin:0;
    padding: 14px;
}

#redirect-wrapper h5
{
    text-align: left;
    padding:14px;
    margin:0;
    color:#3b5b93;
    font-size:20px;
    font-weight: normal;
}

#redirect-wrapper h5 a
{
    color: #3b5b93;
    text-decoration: underline;
}

#redirect-wrapper p
{
    margin:0;
    text-align: left;
    padding: 14px;
    color:#1d355f;
    font-weight: bold;
    font-size:20px;
}


/***************************/
/* Usernav                 */
/**************************/

#cc-usernav,
#cc-usernav-female
{
    background: url(images/userboxbg.png) no-repeat ;
    width: 320px;
    height: 132px;
    position: absolute;
    margin-top:-110px;
    margin-left:630px;
}

#cc-usernav-female
{
    background: url(images/userboxbg-female.png) no-repeat ;
}

#cc-usernav a,
#cc-usernav a:link,
#cc-usernav a:visited,
#cc-usernav-female a,
#cc-usernav-female a:link,
#cc-usernav-female a:visited
{
    font-size: 10px;
    color: #333;
    font-weight: bold;
}

#cc-usernav img,
#cc-usernav-female img
{
    vertical-align: bottom;
    margin-right: 4px;
    margin-left: 6px;
}

#cc-usernav .mhd-rank-star,
#cc-usernav-female .mhd-rank-star
{
	margin: 0;
    margin-top: 6px;
    margin-bottom: 10px;
}

#cc-usernav .userpbox,
#cc-usernav-female .userpbox
{
    width: 96px;
    height: 96px;
    background: url(images/usernavphotobox.png) no-repeat ;
    margin: 6px 4px;
    padding:12px 13px;
}

#cc-usernav #nav-controllers,
#cc-usernav-female #nav-controllers
{
    position: absolute ;
    margin-left: 120px;
    width: 186px;
}

#cc-usernav #nav-member-name,
#cc-usernav-female #nav-member-name
{
    padding-top: 20px;
    color: #0e3f70;
    font-weight: bold;
    font-size: 17px;
}

#cc-usernav #nav-member-name img,
#cc-usernav-female #nav-member-name img
{
    vertical-align: middle;
}

#cc-usernav #navlogout,
#cc-usernav-female #navlogout
{
    position: absolute;
    margin-left: 110px;
    margin-top: -8px;
}

#cc-usernav h3,
#cc-usernav-female h3
{
    color: #1f4a73;
    font-size: 10px;
    margin:0 ;
    font-weight: normal;
    padding:0 ;
    width: 188px;
    height: 42px;
    background: url(./images/usernavh3.png) no-repeat;
    margin-top: 5px;
    padding:2px 4px 0 4px;
}

/***************************************/
/** PROFILE **/
/***************************************/

td{
	vertical-align: top;
}

.admin-blocks-wrapper
{
	background: url(./images/blocks-background.png) repeat-x;
	height: 164px;
	padding-top: 26px;
	margin-top: -12px;
}

.admin-table
{
	width: 100%;
}

.admin-table-tl
{
	width: 10px;
	height: 26px;
	background: url(./images/admin-table-tl.png) no-repeat;
	padding: 0;
}

.admin-table-tc
{
	height: 26px;
	background: url(./images/admin-table-tc.png) repeat-x;
	padding: 0;
}

.admin-table-tr
{
	width: 10px;
	height: 26px;
	background: url(./images/admin-table-tr.png) no-repeat right;
	padding: 0;
}

.admin-table .admin-table-bl
{
	width: 10px;
	height: 26px;
	background: url(./images/admin-table-bl.png) no-repeat;
	padding: 0;
}

.admin-table .admin-table-bc
{
	height: 10px;
	background: url(./images/admin-table-bc.png) repeat-x;
	padding: 0;
}

.admin-table .admin-table-br
{
	width: 10px;
	height: 26px;
	background: url(./images/admin-table-br.png) no-repeat right;
	padding: 0;
}

.admin-table .admin-table-cl
{
	width: 10px;
	height: 26px;
	background: url(./images/admin-table-cl.png) repeat-y;
	padding: 0;
}

.admin-table .admin-table-cr
{
	width: 10px;
	height: 26px;
	background: url(./images/admin-table-cr.png) repeat-y right;
	padding: 0;
}

.admin-table .admin-table-cc
{
	text-align: left;
	background: #7f98b5;
	padding: 0;
}

.admin-table .admin-table-title
{
	color: #eff7ff;
	font-size: 16pt;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, Verdana;
	margin-bottom: 10px;
}

.admin-table .admin-table-number
{
	color: #ffb3b3;
}

.contents-align
{
    padding:10px;
    padding-bottom:0;
	padding-top: 0;
}

.enter-admin-bt
{
    width: 190px;
    height: 38px;
    background: url(./images/enter-admin-mode-bt.png) no-repeat 0 -38px;
    display: block;
}

.enter-admin-bt:hover
{
    background: url(./images/enter-admin-mode-bt.png) no-repeat;
}

#cc-profile-rcontents
{
    float:right;
    text-align: center;
    padding-right:10px;
}

#profile-name-head
{
}

#notifiers-sound
{
    height: 0;
}

#profile-name-head h3
{
    color:#dd7d1f;
    font-size: 50px;
    font-weight: bold;
    padding:0;
    margin:0;
    z-index: 1002;
    position: relative;
}

#profile-name-head #hshadow
{
    position: absolute;
    color:rgba(0,0,0, 0.8);
    font-size: 50px;
    font-weight: bold;
    z-index: 1001;
    margin-top:-1px;
    margin-left:-1px;
}

#profile-name-head .mhd-rank-star
{
    vertical-align: middle;
    margin-top:18px;
    margin-left: 18px;
}

#profile-name-head .mhd-gender-symbol
{
    vertical-align: middle;
    margin-top:2px;
    margin-left: 18px;
}

#profile-status-head
{
    color: #e3c2a2;
    font-size: 20px;
    width:660px;
}

#profile-status-head img
{
    vertical-align: middle;
    margin-top:-1px;
    margin-right: 0;
}

.mhd-online-message
{
    color: #78903e;
    font-weight: bold;
}

.mhd-offline-message
{
    color:#d3755c;
    font-weight: bold;
}

.mhd-status-message
{
    font-size: 13px;
}

.hd-status-message-date
{
    font-size: 12px;
    font-style: italic;
    color:#e2e2e2;
}

.mhd-description-window
{
    width: 644px;
    margin-top: 10px;
}

.mhd-description-window .top
{
    background: url(./images/description-win-top.png) no-repeat ;
    height: 9px;
}

.mhd-description-window .bottom
{
    background: url(./images/description-win-bottom.png) no-repeat ;
    height: 13px;
}

.mhd-description-window .contents
{
    background: url(./images/description-win-bg.png) repeat-y ;
    color:#fff;
    font-size:13px;
    padding:0 13px;
    font-style:italic;
}

#profile-friend-head
{
    font-size:11px ;
    color:#fff;
    font-style: italic;
}

#profile-friend-head img
{
    vertical-align: bottom;
    margin-right:2px;
}

#profile-menubar
{
    height:39px;
    background: url(./images/profile-menubar-bg.png) repeat-x;
    margin-top:12px;
    padding: 0 8px;
    font-weight: bold;
    font-size: 12px;
}

#profile-menubar .numlink
{
    color: #000;
    font-style: italic;
    text-decoration: underline;
}

#profile-menubar ul
{
    list-style: none;
    padding:0;
    margin:0 ;
}

#profile-menubar ul li
{
    float:left;
    margin-top: 7px;
}

#profile-menubar ul li.actived
{
    background: #751115;
}

#profile-menubar ul li a
{
    display: block;
    padding:4px 10px;
    height: 16px;
    font-weight: bold;
    font-family: Arial, Verdana ;
    font-size: 14px;
    background: url(images/profile-menu-separator.png) no-repeat right top;
}

#photos-group
{
    width: 288px;
    height: 250px;
    background: url(./images/photosgroup_bg.png) no-repeat;
    position: absolute;
    margin-left: 680px;
    margin-top: -184px;
}

#photos-group #avatar-container
{
    margin-top: 30px;
    margin-left: 32px;
    width: 224px;
    text-align: center;
    height: 158px;
    vertical-align: middle;
}

#photos-group #avatar-container img
{
    vertical-align: middle;
}

#profile-search-box
{
    background: url(./images/profile-search-bg.png) no-repeat;
    width:168px;
    height:29px;
    text-align: left;
    margin-left: 10px;
}

#profile-search-box input
{
    border:none;
    background: transparent;
    color:#a3a3a3;
    width: 130px;
    margin-left: 28px;
    margin-top:6px;
}

.profileadmin-section-box
{
    background: url(./images/admin-section-block.png) no-repeat;
    width: 875px;
    height: 218px;
    margin:0 auto 0 auto ;
    text-align: left;
}

.profileadmin-section-box .section-title
{
    font-weight: bold;
    padding: 20px 18px;
    padding-bottom: 16px;
    font-size:20px;
}

.profileadmin-section-box .blocks-list
{
    padding: 0 22px;
}

.profileadmin-section-box .blocks-list ul
{
    list-style: none;
    margin:0 ;
    padding:0 ;
}

.profileadmin-section-box .blocks-list ul li
{
    float:left;
    background: url(./images/profile-admin-block.png) no-repeat;
    margin-right: 10px;
}

.profileadmin-section-box .blocks-list ul li a
{
    width: 126px ;
    height: 26px ;
    display: block;
    font-weight: bold;
    font-size:12px;
    text-align: center;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: center 10px ;
}

.admin-item-sblock-wrapper
{
    background: url(./images/profile-admin-block.png) no-repeat;
    vertical-align: top;
}

.admin-item-sblock-description
{
    vertical-align:top;
    text-align:left;
    width: 220px;
    font-size: 14px;
}

.admin-item-sblock-wrapper .admin-item-sblock
{
    width: 126px ;
    height: 26px ;
    display: block;
    font-weight: bold;
    font-size:12px;
    text-align: center;
    padding-top: 100px;
    background-repeat: no-repeat;
    background-position: center 10px ;
    opacity: 0.8;
}

.admin-item-sblock-wrapper .admin-item-sblock:hover
{
    opacity: 1;
}

#block-tip
{
    width:91px;
    height:45px;
    background: url(./images/blocktip.png) no-repeat;
    display: none;
    position: absolute;
    text-align: left;
    padding:20px 16px 20px 16px;
    font-size:12px;
    white-space: normal;
}

.profile-admin-tip
{
    min-height: 128px;
    width: 680px;
}

.profile-admin-tip h2
{
    display: inline;
    padding:0;
    margin:0;
    font-size:20px;
}

.profile-admin-tip p
{
    margin:0;
    padding:0;
    font-size:12px;
}

.profile-admin-tip .profile-tip-icon
{
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

.status-message-wrapper
{
    height:30px;
}

.status-message-wrapper ul
{
    list-style: none;
    margin:0;
    padding:0;
}

.status-message-wrapper ul li
{
    float: left;
    padding: 4px 6px;
    height:20px;
    font-size:14px;
    font-weight: normal;
    color:#fff;
}

.status-message-wrapper ul li input
{
    border: none;
    font-size:13px;
    color:#000000;
    background-color: rgba(255,255,255,0.8);
    font-weight: normal;
    padding:0;
    margin:0;
}

.status-message-wrapper ul li.base-message
{
    background: url(images/statusmessagebg.png) repeat-x;
}

.status-message-wrapper ul li.left-corner
{
    background: url(images/statusmessagebg-left.png) no-repeat right top;
    width: 6px;
    font-size:2px;
}

.status-message-wrapper ul li.right-corner
{
    background: url(images/statusmessagebg-right.png) no-repeat left top;
    width: 6px;
    font-size:2px;
}

#admin-head-block
{
    height: 125px;

    margin:0 10px;
}

#admin-head-block a,
#admin-head-block a:link,
#admin-head-block a:visited
{
    color: #333;
    text-decoration: none;
    font-size: 12px;
}

#admin-head-block a:hover
{
    text-decoration: underline;
}

#admin-head-block .admin-head-left
{
	float: left;
	margin-left: -12px;
    background: url(./images/adminhead-left.png) no-repeat;
    width: 12px;
    height: 140px;
}

#admin-head-block .admin-head-right
{
	margin-right: -12px;
	float: right;
    background: url(./images/adminhead-right.png) no-repeat;
    width: 12px;
    height: 140px;
    margin-top: -10px;
}


#admin-head-block .admin-head-body
{
    background: url(./images/adminhead-center.png) repeat-x;
    height: 140px;
    color: #333;
    padding: 10px 0;
}

.datagrid-cell-field
{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bfbcbc;
    border-right: 1px solid #bfbcbc;
    border-left: 1px solid #fff;
    background-color: #9eb2ee;
    padding: 8px;
    text-align: left;
}

.datagrid-wrapper
{
    border:1px solid #0a2643;
    background: #6183A8;
}

.datagrid-wrapper a
{
    color:#102a46;
    text-decoration: underline;
}

.message-wrapper
{
    text-align: left;
    padding: 8px;
}

.message-wrapper a
{
    text-decoration: underline;
}

.message-wrapper a:hover
{
    text-decoration: none;
}

.signhr
{
    /*margin-top: 120px;*/
}

.post-sub-infos
{
    margin-top: 120px;
}

.post-thanks-list
{
    border: 1px dashed #20399d;
    padding: 10px;
    background: #e3f1fd;
    margin-top: 4px;
    font-weight: bold;
    color: #63171e;
    font-style: italic;
}

.post-thanks-list a
{
    font-weight: normal;
    text-decoration: none;
}

.post_cell
{
    vertical-align: top;
}

.cellstyle_a
{
    background: url(./images/cellbg_a.png) repeat ;
    padding:6px;
    color:#102a46;
    border: 1px solid #fff;
}

.cell-field
{
    background: url(./images/cellbg_b.png) repeat ;
    padding:6px;
    color:#102a46;
    border: 1px solid #fff;
}

.cellstyle_b
{
    background: url(./images/cellbg_b.png) repeat ;
    padding:6px;
    color:#102a46;
    border: 1px solid #fff;
}

.forum-infos a
{
    font-weight: bold;
    color: #132240;
    font-size: 16px;
}

.cell-description
{
    color: #515151;
    font-size: 11px;
}

.cellstyle_separator,
.cellstyle_status,
.cellstyle_actions
{
	background: #4f7e9d;
    padding:6px;
    color:#fff;
    font-size: 12px;
    vertical-align: middle;
}

.cellstyle_actions
{
    text-align: right;
    background: #568aac;
}

.cellstyle_status
{
    font-size: 16px;
    /*border-: 1px solid #5991b5;*/
}

.cellstyle_status img
{
    vertical-align: middle;
    margin-top: -4px;
}

.cellstyle_separator img
{
    vertical-align: middle;
    margin-right: 6px;
}

.cell_title img
{
    vertical-align: middle;
}

.cell_title
{
    background: url(./images/celltitle_bg.png) repeat-x ;
    height:36px;
    text-align: center;
    font-weight: bold;
    color:#fff;
    border: 1px solid #080e1a;
    border-bottom: 1px solid #080e1a;
    font-size: 12px;
}

.gridbox
{
    border: 1px solid #0A2643;
    margin-bottom: 6px;
}
.gridbox .gridbox-title
{
    background: url(./images/celltitle_bg.png) repeat-x ;
    height:28px;
    font-size: 16px;
    padding-top: 8px;
    padding-left: 10px;
    font-weight: bold;
    border-bottom: 1px solid #080e1a;
    text-align: left;
}
.gridbox .cell_title
{
    background: url(./images/title-sub.png) repeat-x ;
    height: 22px;
    border: none;
    border-bottom: 1px solid #080e1a;
}

.multi_quote_bt
{

}

.multi_quote_bt_active
{
    
}

.multi_quote_bt img
{
    width: 89px;
    height: 24px;
	background: url(./images/add_quote_bt.png) no-repeat;
}

.multi_quote_bt_active img
{
    width: 89px;
    height: 24px;
	background: url(./images/add_quote_bt.png) no-repeat 0 -24px;
}

/*-------------------------------------------------------------------------*/
/* PAGE LIST
/*-------------------------------------------------------------------------*/

.mini-pages-wrapper
{
    margin-top: 2px;
    margin-bottom: 2px;
}

.page-list-wrap
{
    border: none;
    font-size: 11px ;
    font-family: Tahoma, Verdana, Arial ;
    font-weight: bold;
    margin: 4px 0;
    height: 18px;
}

.page-list-sum
{
    border: 1px solid #043462;
}

.page-list-wrap ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-list-wrap ul li
{
    float: left;
}

.page-list-wrap .page-list-start
{
	width: 80px;
	text-align: center;
	white-space: nowrap;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c1bebe;
    border-right: 1px solid #c1bebe;
    border-left: 1px solid #ffffff;
    background: #174370 url(./images/celltitle_bg.png) repeat-x;
    padding: 3px 6px 3px 6px;
    color: #ffffff;
    font-weight: normal;
}

.page-list-field
{
    /*border-top: 1px solid #fff;
    border-bottom: 1px solid #c1bebe;
    border-right: 1px solid #c1bebe;
    border-left: 1px solid #ffffff;
    background-color: #4f7e9d;*/
}

.page-list-field a,
.page-list-field a:link,
.page-list-field a:visited
{
	display: block;
	width: 31px;
	height: 33px;
	padding-top: 5px;
	background: url(./images/page_n_square.png) no-repeat;
	text-align: center;
	color: #184472;
    /*text-decoration: none ;
    color: #fff ;
    padding: 3px 6px 3px 6px;
    display: block ;*/
}

.page-list-field a.actived,
.page-list-field a.actived:link,
.page-list-field a.actived:visited
{
    background: url(./images/page_selected_square.png) no-repeat;
}

.page-list-field a:hover
{
    /*background-color: #08335d;*/
}


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

.forum-topic-list-options
{
    height: 40px;
}

.forum-topic-list-options .topic-pages
{
    text-align: left;
}

.forum-topic-list-options .topic-buttons
{
	float: right;
    text-align: right;
}

.quote-wrapper
{
    margin: 12px;
}

.quote-wrapper .quote-box
{
    background: #B7C3DB;
    padding: 10px;
    color: #000;
    border: 1px dashed #fff;
}

.quote-wrapper .quote-box .quote-infos
{
    font-style: italic;
    color:#666666;
}

.spoiler-wrapper
{
    margin: 12px;
}

.spoiler-wrapper .spoiler-box
{
    background: #B7C3DB;
    padding: 10px;
    color: #000;
    border: 1px dashed #fff;
}

.code-wrapper
{
    margin: 12px;
}

.code-lines
{
    text-align:left;
    margin: 10px;
    border: 1px dashed #fff;
}
.code-lines ul
{
    list-style: none;
    margin:0;
    padding:0;
}
.code-lines li
{
    font-family: Courier, Serif;
    padding: 3px 6px 3px 6px;
    font-size: 12px;
}
.code-lines .line-a
{
    background-color: #f5f5f5 ;
}
.code-lines .line-b
{
    background-color: #fff ;
}
.code-lines .marked
{
    background-color: #fefad2 ;
    color: #f49c10;
    font-weight: bold;
}

.php-hightlight-variables
{
    color: #800c80;
}
.php-hightlight-strings
{
    color: #1001f0;
}
.php-highlight-number
{
    color: #f91c10;
}
.php-hightlight-keywords
{
    font-weight: bold ;
    color: #000000;
}

.html-hightligt-doctype
{
    color: #699157;
    font-weight: bold;
}

.html-hightligt-tag
{
    color: #a05aa9;
    font-weight: bold;
}

.post-separator
{
    height: 6px;
    border: 1px solid #223d7d;
    border-right: none;
    border-left: none;
    background: #375F89;
}

.post-username-wrapper
{
    margin: 6px 0;
    width: 175px;
    border: 1px solid #152640;
}
.post-username-wrapper a
{
    display: block;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid transparent;
}

.post-username-wrapper a:hover
{
    background: #aab9c6 url(./images/drop_puce.png) no-repeat 96% center;
    border: 1px solid #fff;
}

.post-stars-wrapper
{
    text-align: center;
    padding: 6px;
    margin: 6px 0;
    margin: 2px;
    width: 161px;
}

.used_messages_progress_bar
{
    margin:  10px;
    height: 22px;
    border: 1px solid #152640;
    background-color: #afbac4;
}

.used_messages_progress
{
    height: 18px;
    background-color: #4b764d;
    border: 1px solid #2c442d;
}

.used_messages_text
{
    position: absolute;
    margin-left: 4px;
    margin-top:  2px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.user_messages_folders
{
    font-size:  12px;
    font-weight: bold;
}

.user_messages_folders img
{
    vertical-align: bottom;
}

.pm-no-read
{
    font-weight: bold;
}

.pm-no-read a
{
    font-weight: bold;
}
.messages_legend_table
{
    text-align: left;
    font-size: 12px;
}
.messages_legend_table img
{
    vertical-align: bottom;
}

/******************************/
/**************/
/**** WYSEDITOR
/******************************/
/**************/

.cell-field .WysEditor
{
    border: none;
}

.WysEditor
{
    background: #DBE6F3;
    border: 2px solid #6593CF;
    text-align: left;
}

.WysEditor a
{
    text-decoration: none;
}

.WysEditor .titlebar
{
    background: url(./wyseditor/title_background.png) repeat-x;
    height:17px;
    border-bottom: 1px solid #6593CF;
    color: #333333;
    font-weight: bold;
    padding: 7px;
}

.WysEditor .editor-switcher
{
    position: absolute;
    margin-top: -100px;
    margin-left: 720px;
}

.WysEditor .editor-switcher a
{
	position: relative;
    display: block;
    width:  116px;
    height: 20px;
    margin-top: -4px;
    background: url(./wyseditor/echangemodebt.png) no-repeat;
    color: #1c3a54;
    font-size: 12px;
    padding-top: 6px;
    text-align: center;
}

.WysEditor .editor-switcher a:hover
{
    background-position: 0 -26px;
}


.WysEditor .toolbar
{
    padding: 10px;
    background: #E7F3FF url(./wyseditor/toolbar-bg.png) repeat-x;
    border-bottom: 1px solid #c3f8ff;
}

.WysEditor .toolbar .toolbar-row
{
    height: 32px;
}

.WysEditor .toolbar .toolbar-row ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

.WysEditor .toolbar .toolbar-row ul li
{
    float: left;
    margin-right: 2px;
}

.WysEditor .toolbar .toolbar-row ul li a.wbutton
{
    display: block;
    width: 24px;
    height: 24px;
    background: url(./wyseditor/toolbar-button.png) no-repeat;
}

.WysEditor .toolbar .toolbar-row ul li a.wbhighlight
{
    display: block;
    width: 24px;
    height: 24px;
    background: url(./wyseditor/toolbar-button.png) no-repeat 0 -24px;
}

.WysEditor .toolbar .toolbar-row ul li a:hover.wbutton
{
    background-position: 0 -24px;
}

.WysEditor .toolbar .toolbar-row ul li .wbutton-image
{
    width: 24px;
    height: 24px;
}

.WysEditor .wyscontents
{
    background: url(./wyseditor/wyscontentsbg.png) repeat-x;
    padding: 16px;
}

.WysEditor .wyscontents .wyseditingcontents
{
    height: 400px;
    background: #fff;
}

.WysEditor .WysListBox
{
    height: 24px;
    background: #fff;
    border-top: 1px solid #777;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #c3c3c3;
}

.WysEditor .WysListBox a
{
    display: block;
    width: 100%;
    color: #000;
}

.WysEditor .WysListBox img
{
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    margin-top: -4px;
    margin-right: 4px;
    margin-left: -6px;
}

.WysEditor .WysListBox .WysListBoxContents
{
    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #f3f3f3;
    background: url(./wyseditor/listbox-expand.png) no-repeat right center;
    height: 24px;
}

.WysEditor .WysListBox .ListBoxPopup
{
    position: relative;
    background: #fff;
    color: #000;
    margin-top: 3px;
    overflow: auto;
    border: 1px solid #4794d2;
    display: none;
}

.WysEditor .WysListBox .ListBoxPopup li
{
    float: none;
    display: block;
    width: 100%;
}

.popup-list-item
{
    padding-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.WysEditor .WysListBox .ListBoxPopup a
{
    display: block;
    color: #000;
    background: url(./wyseditor/popupitem-bg.png) no-repeat;
    font-size: 12px;
    padding-left: 6px;
    padding-top: 3px;
    padding-bottom: 2px;
    height: 31px;
}

.WysEditor .WysListBox .ListBoxPopup a:hover
{
    background-position: 0 -35px;
}

.WysEditor .WysListBox .ListBox-Font
{
    padding: 2px;
    padding-left: 6px;
    color: #000;
}

.WysEditor .WysListBox .ListBoxPopup .BoxContents
{

}

.WysEditor .WysListBox .GridBoxPopup
{
    position: relative;
    background: #DBE6F3;
    color: #000;
    margin-top: 3px;
    overflow: auto;
    border: 1px solid #4794d2;
    display: none;
}

.WysEditor .WysListBox .GridBoxPopup img
{
    margin: 0;
    padding: 0;
    margin: 1px;
}

.WysEditor .WysListBox .GridBoxPopup a
{
    display: inline;
    margin: 0;
    padding: 0;
}

.editor-blocker
{
    background: rgba(0,0,0,0.4);
    display: none;
    position: absolute;
}

.editor-blocker-loading
{
    position: absolute;
}

.WysEditor .p_tl { width: 20px; height: 20px; background: url(./wyseditor/editing-area-tl.png) no-repeat left top; }
.WysEditor .p_tc { background:  url(./wyseditor/editing-area-tc.png) repeat-x; }
.WysEditor .p_tr { width: 20px; height: 20px; background: url(./wyseditor/editing-area-tr.png) no-repeat right top; }

.WysEditor .p_cl { width: 20px; height: 20px; background: url(./wyseditor/editing-area-cl.png) repeat-y; }
.WysEditor .p_cc { background: #fff; }
.WysEditor .p_cr { width: 20px; height: 20px; background: url(./wyseditor/editing-area-cr.png) repeat-y; }

.WysEditor .p_bl { width: 20px; height: 20px; background: url(./wyseditor/editing-area-bl.png) no-repeat left top; }
.WysEditor .p_bc { background:  url(./wyseditor/editing-area-bc.png) repeat-x; }
.WysEditor .p_br { width: 20px; height: 20px; background: url(./wyseditor/editing-area-br.png) no-repeat right top; }

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {}
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/


/* following are the styles for fat & cuddly, comments and newlines removed */
.vscrollerbar {width: 15px;background: #ebebeb url(./wyseditor/scrollbar.png) repeat-y -15px 0;}
.vscrollerbarbeg {height: 8px !important;width: 15px;margin-top: -8px;background: url(./wyseditor/scrollbar.png) no-repeat -30px 0;}
.vscrollerbarend {height: 8px;width: 15px;margin-top: 8px;background: url(./wyseditor/scrollbar.png) no-repeat -30px -8px;}
.vscrollerbase {width: 15px;background: #ebebeb url(./wyseditor/scrollbar.png) repeat-y 0 0;}
.vscrollerbasebeg {height: 24px;width: 15px !important;background: url(./wyseditor/scrollbar.png) no-repeat -60px 0;}
.vscrollerbaseend {height: 24px;width: 15px !important;background: url(./wyseditor/scrollbar.png) no-repeat -45px 0;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 23px;z-index: 2; }
.scrollerjogbox {width: 15px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */

.infos-sum-wrapper
{
    border: 1px solid #1c2d65;
    width: 210px;
    margin-left: 6px;
}

.infos-sum-title
{
    height: 16px;
    background: url(./images/sum-titlebg.png) repeat-x;
    padding:7px 6px;
    color: #31426a;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
}

.infos-sum-field
{
    background: #e0e4f0;
    border:1px solid #546b90 ;
    border-left: none;
    border-right: none;
    min-height: 16px;
    padding: 7px;
    color: #333;
    font-size: 12px;
}

.infos-sum-field img
{
    vertical-align: middle;
}

.ttable
{
    width: 700px;
    margin-bottom: 10px;
}

.ttable .ttable-tl { width: 10px; height: 10px; background: url(./images/ttable-tl.png); }
.ttable .ttable-tr { width: 10px; height: 10px; background: url(./images/ttable-tr.png); }
.ttable .ttable-bl { width: 10px; height: 10px; background: url(./images/ttable-bl.png); }
.ttable .ttable-br { width: 10px; height: 10px; background: url(./images/ttable-br.png); }

.ttable .ttable-tc,
.ttable .ttable-cl,
.ttable .ttable-cc,
.ttable .ttable-cr,
.ttable .ttable-bc { background: url(./images/ttable-cc.png); }

.ttcontents
{
    min-height: 100px;
    margin-left: 60px;
}

.ttable h1, .ttable a
{
    color: #00447d;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 8px;
}

.ttable a.bblink
{
    font-size:12px ;
}

#blog-search-box
{
    background: url(./images/blog-searchbox.png) ;
    width: 220px;
    height: 121px ;
    padding: 8px;
    text-align: center;
    margin:0 auto 0 auto ;
}

#blog-search-box .search_input
{
    background: url(./images/transaprent-textfield.png) ;
    width: 192px;
    height: 21px;
    padding:0;
    margin:0;
    padding:5px 4px 0 4px;
    color:#294579;
    font-size: 12px;
    text-align: left;
    border:none;
    margin-top:6px;
    font-weight: bold;
}

#blog-search-box label
{
    color: #1f5869;
    font-weight: bold;
    font-size:12px;
    margin-left: 8px;
}

#blog-search-box label input
{
    vertical-align: middle;
    margin-top:-2px;
}

h2.blog-box-title
{
    margin:0;
    padding:0;
    color:#333;
    font-size:12px;
}

/**/
#blog-search-box-long
{
    background: url(./images/blog-searchbox-long.png) ;
    width: 220px;
    height: 224px ;
    padding: 8px;
    text-align: center;
    margin:0 auto 0 auto ;
}

#blog-search-box-long label
{
    display: block;
    padding-top: 4px;
    text-align: left;
    font-size: 14px;
}

#blog-search-box-long .search_input
{
    background: url(./images/transaprent-textfield.png) ;
    width: 192px;
    height: 21px;
    padding:0;
    margin:0;
    padding:5px 4px 0 4px;
    color:#294579;
    font-size: 12px;
    text-align: left;
    border:none;
    margin-top:6px;
    font-weight: bold;
}

#blog-search-box-long label
{
    color: #1f5869;
    font-weight: bold;
    font-size:12px;
    margin-left: 8px;
}

#blog-search-box-long label input
{
    vertical-align: middle;
    margin-top:-2px;
}
/**/

.ttcontents-home
{

}

.blog-date-marker
{
    width: 54px;
    height: 44px;
    background: url(./images/blog-date-marker.png) no-repeat;
    position: absolute;
    margin-left: -60px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    padding-top: 4px;
}

.blog-avatar
{
    float: left;
}

.ttcontents-opts
{
    text-align: right;
    color: #333;
    margin-top: 10px;
}

.ttcontents-opts a
{
    font-size: 12px;
    text-decoration: none;
}

.ttcontents-opts a:hover
{
    text-decoration: underline;
}

.blog-comments-form
{
    padding: 20px;
    background:#BBC9D8;
    border: 1px solid #333;
    margin: 10px 0;
    color: #333;
    width: 660px;
}

.blog-comments-form a
{
    color: #00447d;
}

/*****************/
/*** BLOCKS *****/
/****************/

.block_box_a
{
    width: 236px;
    margin:0 auto 0 auto ;
}

.block_box_a h2.h2-block-box
{
    margin:0;
    padding:0;
    color:#333;
    font-size:12px;
    text-align: center;
}

.block_box_a .block-top
{
    width: 236px;
    height: 14px;
    background: url(./images/block_box_a_top.png) no-repeat ;
}

.block_box_a .block-bottom
{
    width: 236px;
    height: 13px;
    background: url(./images/block_box_a_bottom.png) no-repeat ;
}

.block_box_a .block-center
{
    width: 236px;
    background: url(./images/block_box_a_bg2.png) repeat-y ;
}

.block_box_a .block-contents
{
    width: 236px;
    background: url(./images/block_box_a_bg.png) no-repeat ;
    text-align: center;
}

.block_box_b
{
    width: 236px;
    margin:0 auto 0 auto ;
}

.block_box_b h2.h2-block-box
{
    margin:0;
    padding:0;
    color:#333;
    font-size:12px;
    text-align: center;
}

.block_box_b .block-top
{
    width: 236px;
    height: 15px;
    background: url(./images/block_box_b_top.png) no-repeat ;
}

.block_box_b .block-bottom
{
    width: 236px;
    height: 13px;
    background: url(./images/block_box_b_bottom.png) no-repeat ;
}

.block_box_b .block-center
{
    width: 236px;
    background: url(./images/block_box_b_bg2.png) repeat-y ;
}

.block_box_b .block-contents
{
    width: 236px;
    background: url(./images/block_box_b_bg.png) no-repeat ;
    text-align: center;
}

.bubble-box{margin:4px auto 0 auto;width:216px;}

.bubble-box .box-top
{
    width: 216px;
    height: 5px;
    background: url(./images/bubble-box-top.png) no-repeat ;
}

.bubble-box .box-bottom
{
    width: 216px;
    height: 5px;
    background: url(./images/bubble-box-bottom.png) no-repeat ;
}

.bubble-box .box-center
{
    width: 216px;
    background: url(./images/bubble-box-bg2.png) repeat-y ;
}

.bubble-box .box-contents
{
    background: url(./images/bubble-box-bg.png) no-repeat ;
    color:#294579;
    font-size:12px;
    font-weight: bold;
    text-align: left;
    padding:0 6px 0 6px;
}

.bubble-box .box-contents a
{
    color:#294579;
    font-size:12px;
    font-weight: bold;
    display: block;
}

.block-b-comment
{
    color:#1f5869;
    font-weight: normal;
    text-align: left;
    padding:14px 20px;
}

.block-b-comment a
{
    display: inline;
}

.block_number_strip1
{
    background: url(./images/comments_queue.png);
    position: absolute;
    text-align: center;
    /*color: #fff;*/
    font-weight: bold;
    width:  36px;
    height:  21px;
    padding-top: 5px;
    margin-top: -106px;
    margin-left: 80px;
}

/**/

#photo-uploader
{
    border: 1px solid #7d7d7d;
    height: 400px;
    background: #fff;
}

#photo-uploader #photo-uploader-title
{
    border: 1px solid #cfcfcf;
    background: #fff;
    height: 18px;
    background: url(./images/graygradientbg.png) repeat-x;
    color: #646464;
    font-weight: bold;
    padding: 8px;
    padding-top: 6px;
    font-family: Verdana;
}

.photo-progress
{
    color: #333333;
    border-bottom:1px solid #888888;
    padding: 6px 0;
    height: 18px;
    font-weight: normal;
    font-size: 12px;
    background: #fff url(./images/uploader-void-bg.png);
}

#photo-uploads-queue
{
    overflow: auto;
    height: 366px;
}

.photo-progress .photo-informations
{
	position: relative;
	margin-top: -22px;
    z-index: 10002;
    padding: 0 24px;
}

.photo-progress .upload_ok
{
    float: right;
    overflow: hidden;
    height: 20px;
}

.photo-progress .upload_ok img
{
    margin-top: 20px;
}

.photo-progress .photo-progress-size
{
    width: 300px;
    float: right;
}

.photo-progress-loading-status
{
    height: 30px;
    border-right: 4px solid #66814f;
    position: relative;
    margin-top: -6px;
    background: #66814f url(./images/uploader-fill-bg.png);
    z-index: 10001;
}

.progress-bar-error
{
    background: #66814f url(./images/uploader-error-bg.png);
}

.photo-progress .cancel-bt
{
    background: url(./images/cancelbutton.png) no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    margin-left: -18px;
}

.photo-progress .cancel-bt:hover
{
    background-position: 0 -14px;
}

#start-upload-bt
{
   position: absolute;
   margin-top: -25px;
   margin-left: 106px;
}

#start-upload-bt a
{
    width: 100px;
    height: 22px;
    background-image: url(./images/uploadbt.png);
    display: block;
    cursor: default;
}

#start-upload-bt a.enabled-bt
{
    background-position: 0 0;
}

#start-upload-bt a:hover.enabled-bt
{
    background-position: 0 -22px;
}

#start-upload-bt a.bt-disabled
{
    background-position: 0 -66px;
}

#upload-success-window
{
    position: absolute;
    width: 906px;
    height: 366px;
    background: url(./images/upload-success-bg.png);
    z-index: 10004;
    display: none;
}

#upload-success-window h1
{
    color: #278842;
    font-weight: bold;
    margin-left: 190px;
    margin-top: 80px;
}

#upload-success-window a
{
    display: block;
    margin-left: 190px;
    color: #2e528c;
    text-decoration: underline;
    font-size: 20px;
}

.photos-album-book-link
{
    display: block;
    background: url(./images/album-book-preview.png);
    height: 108px;
    width: 98px;
    padding-top: 20px;
    padding-left: 30px;
    margin: 0 auto 0 auto;
}

.photos-bounded-img
{
    border:1px solid #666c73;background:#fff;padding:3px;
}

.photos-bounded-img-mini
{
   border:1px solid #666c73;background:#fff;padding:1px; 
}

.album-link-name
{
    text-align: center;
    font-size: 12px;
    width: 74px;
    overflow: hidden;
    height: 84px;
    color: #3e5177;
    font-weight: bold;
}

#spanProgressPlaceholder
{
    
}

#uploader-progress-bar
{
    height: 22px;
    width: 180px;
    /*margin: 0 auto 0 auto ;*/
    /*position:absolute;*/
    /*margin-top: -24px;*/
    border: 1px solid #ccc;
    background: #888888 ;
}

#uploader-progress-bar #percent-bar
{
    position: absolute;
    font-size: 12px;
    margin-left: 8px;
    color:#333;
    margin-top:3px;
}

#uploader-progress-bar #progress-bar
{
    width: 1px;
    background: #ffffff url(./images/white-grad.png) repeat-x scroll left bottom;
    height: 22px;
}

#uploader-progress-bar #photoupload_cancelbt
{
    padding-top:4px;
    padding-right: 4px;
    position:absolute;
    text-align: right;
}

#uploader-progress-bar #photoupload_cancelbt a
{
    display: block;
    width: 14px;
    height: 14px;
    background: url(./images/stopbt.png) no-repeat right top ;
    text-decoration: none;
    width: 176px;
}

/**/
.css-changer-title
{
    height: 13px;
    background: url(./images/stylech/bgtitle.png) repeat-x;
    border: 1px solid #b3b3b3;
    color: #444;
    font-weight: bold;
    font-size: 10px;
    padding-left: 10px;
    padding-top: 2px;
}

.css-changer-items-container
{
    background: #e8e8e8;
    padding-top: 16px;
}

.css-changer-item-title
{
    padding: 0;
    padding-top: 3px;
    color: #000;
    width: 200px;
    text-align: right;
    float: left;
    font-size: 12px;
}

.css-changer-item
{
    padding: 0;
    padding-left: 210px;
    text-align: left;
    color: #444;
    min-height: 30px;
}

.colorpicker-box
{
    background: url(./images/stylech/colorpicker-bg.png) no-repeat;
    width: 41px;
    height: 19px;
}

.colorpicker-box input
{
    margin: 0;
    margin-left: 48px;
    height: 12px;
    padding: 1px;
    font-size: 10px;
    width: 50px;
}

.colorpicker-box .colorpicker-selected-color
{
    position: absolute;
    width: 29px;
    height: 7px;
    margin: 6px;
}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(./images/stylech/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(./images/stylech/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(./images/stylech/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(./images/stylech/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(./images/stylech/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(./images/stylech/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(./images/stylech/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(./images/stylech/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(./images/stylech/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(./images/stylech/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(./images/stylech/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(./images/stylech/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.tabchose
{
    background: url(./images/stylech/switch-box-center.png) repeat-x;
    height: 19px;
}

.tabchose ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.tabchose ul li
{
    float: left;
    text-align: center;
    background: url(./images/stylech/switch-box-center.png) repeat-x;
    font-size: 12px;
    padding-top: 2px;
    cursor: default;
    font-weight: bold;
}

.tabchose ul li img
{
    vertical-align: middle;
    margin-top: -2px;
}

.tabchose .tabchose-right-corner
{
    width: 3px;
    height: 19px;
    background: url(./images/stylech/switch-box-right.png) no-repeat;
    float: right;
    position: absolute;
    margin-left: 160px;
}

.tabchose .tabchose-left-corner
{
    width: 3px;
    height: 19px;
    background: url(./images/stylech/switch-box-left.png) no-repeat;
    float: right;
    position: absolute;
    margin-left: -3px;
}

.blobks_block_1,
.blobks_block_3,
.blobks_block_5
{
	border: 1px dashed #fff;
	margin-bottom: 8px;
}

.blobks_block_1 .block-title,
.blobks_block_3 .block-title,
.blobks_block_5 .block-title
{
    padding: 6px;
    border: 1px solid #09335b;
    background-color: #194574;
    font-weight: bold;
}

.blobks_block_1 .block-contents,
.blobks_block_3 .block-contents,
.blobks_block_5 .block-contents
{
    padding: 6px;
}

.blobks_block_2,
.blobks_block_4,
.blobks_block_6
{
	border: 1px dashed #fff;
	margin-bottom: 8px;
}

.blobks_block_2 .block-title,
.blobks_block_4 .block-title,
.blobks_block_6 .block-title
{
    padding: 6px;
    border: 1px solid #09335b;
    background-color: #49110d;
    font-weight: bold;
}

.blobks_block_2 .block-contents,
.blobks_block_4 .block-contents,
.blobks_block_6 .block-contents
{
    padding: 6px;
}
/*======================*/
/* Advanced Students List
/*======================*/

#wb-stats-summary
{
    color: #666666 ;
    text-align: left;
    padding: 20px;
    padding-left: 80px;
    font-weight: bold;
}

#wb-stats-summary .highligt-text
{
    color: #67c23f;
}

#wb-advanced-student-list
{
    text-align: center;
}

#wp-advanced-student-list-table
{
    margin: 0 auto 0 auto ;
}

#wp-advanced-student-list-table td.namearea
{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}

#wp-advanced-student-list-table td.namearea_actived
{
    color:#1b4d63;
}

#wp-advanced-student-list-table img.photobox
{
    background: url(images/photobox.png) no-repeat;
    padding: 15px 14px 15px 14px;
}

.photo-controllers
{
    background: rgba(137,175,202,0.4);
    width: 136px;
    height: 94px;
    position: absolute;
    display: none;
    margin: 15px 14px 15px 14px;
    text-align: right;
    padding:0;
    padding-top:2px;
}

.photo-controllers-toucharea
{
    background: transparent;
    width: 136px;
    height: 96px;
    position: absolute;
    margin: 15px 14px 15px 14px;
}
.photo-controllers .photo_smenus
{
    list-style: none;
    padding:0;
    margin:0;
    float:right;
    clear: both;
}
.photo-controllers .photo_smenus .photo_smenus_int
{
   height: 25px;
   margin-top:4px ;
}

.photo-controllers .photo_smenus .photo_smenus_int a
{
    font-size: 11px;
    color:#fff;
    display: block;
    background: url(images/photo_menu_barbg.png) repeat-x;
    margin-left:8px;
    height:21px;
    padding-top:4px;
    padding-right:4px;
    text-decoration: none;
    font-weight: bold;
    width: 20px;
    float:right;
    clear: both;
}

.photo-controllers .photo_smenus .photo_smenus_int a img
{
    vertical-align: middle;
    margin-left: 4px;
}

.photo-controllers .online-status
{
    position: absolute;
    margin-left: 6px;
    margin-top: 4px;
}

.pdelimiter
{
   clear: auto;
   background: url(images/photo_menu_startbar.png) no-repeat ;
   height: 25px;
   position: absolute;
   width: 8px;
   text-align: right;
}

#search-boxes
{
    
}

#search-boxes .default-box
{
    margin: 0 auto 0 auto;
    width: 928px;
    height: 133px;
    margin-bottom: 14px;
    padding-top: 18px;
}

#search-boxes .search-box-contents
{
    margin-left: 150px;
    width: 760px;
    color: #333;
}

#search-boxes #search-box-friends
{
    background: url(./images/search/search-friend-box.png) no-repeat;
}

#search-boxes #search-box-blog
{
    background: url(./images/search/search-blog-box.png) no-repeat;
}

#search-boxes #search-box-photos
{
    background: url(./images/search/search-photos-box.png) no-repeat;
}

#search-boxes #search-box-forum
{
    background: url(./images/search/search-forum-box.png) no-repeat;
}

/************** NEWS BOX */
#fm-news-box
{
    width: 542px;
    height: 252px;
    /*background: transparent url(images/box-rece-sample.png) no-repeat;*/
}

#fm-news-box .newslinks
{
    float: right;
    background: url(images/newsbox/menus-bottom-bg.png) no-repeat right;
}

#fm-news-box .newslinks ul { list-style: none; margin:0; padding:0; }
#fm-news-box .newslinks .topbutton { width: 152px; height: 51px; margin-right: 1px;
    background: url(images/newsbox/button-top.png) no-repeat;
}
#fm-news-box .newslinks .midbutton { width: 152px; height: 50px; margin-right: 1px;
    background: url(images/newsbox/button-middle.png) no-repeat;
}
#fm-news-box .newslinks .endbutton { width: 152px; height: 51px; margin-right: 1px;
    background: url(images/newsbox/button-end.png) no-repeat;
}

#fm-news-box .newslinks a,
#fm-news-box .newslinks a:link,
#fm-news-box .newslinks a:visited
{
	display: block;
    height: 38px;
    width: 138px;
    margin-left: 5px;
    text-align: center;
    padding: 6px;
    color: #4a6d94;
    font-size: 12px;
    overflow: hidden;
}

#fm-news-box .newslinks a:hover
{
    color: #fff;
    text-decoration: none;
}

#fm-news-box .newsinfos
{
    background: url(images/newsbox/photomask.png) no-repeat;
    height: 78px;
    width: 390px;
    padding-top: 174px;
    padding-left: 10px;
    overflow: hidden;
}

#fm-news-box .newsinfosdata
{
    width:  340px;
}

#fm-news-box .newsinfos a,
#fm-news-box .newsinfos a:link,
#fm-news-box .newsinfos a:visited
{
    color: #71cfff;
    padding-top: 4px;
    font-weight: bold;
    display: block;
}

*:first-child+html #fm-news-box .newsinfos
{
    background: url(images/newsbox/photomask.png) no-repeat;
    height: 78px;
    width: 379px;
    padding-top: 174px;
    padding-left: 10px;
    overflow: hidden;
}

#fm-news-box .newsinfos h3
{
    padding: 0; margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #71cfff;
    margin-bottom: 4px;
}

#fm-news-box .newsinfos
{
    font-size: 11px;
    font-weight: normal;
    color: #fff;
}

#fm-news-box .baseimage
{
    /*background: url(auto.png) no-repeat 1px 1px;*/
    background-repeat: no-repeat;
}

.poll_wrapper
{
    width: 220px ;
    margin:0 auto 0 auto;
}

#tctcc h2
{
    margin: 0;
    padding:0;
}

.pool_vote_score_wrapper
{
    height: 12px;
    margin: 8px;
    padding: 2px;
}

.pool_vote_score
{
    background: url(./images/poll-cover.png) repeat-x;
    height: 14px;
}

.pool_vote_score_n
{
    float:right;
    color:#efefef;
    font-size: 12px;
    font-style: italic;
}

.poll_show_votes td
{
    padding: 0;
}

#home-main-contents-table td
{
    vertical-align: middle;
    padding-right: 6px;
}

#home-main-contents-table h2
{
    margin: 0;
    padding: 0;
}



.poster-infos-menu
{
    position: absolute;
    background: #c3d2e1;
    border: 1px solid #152640;
    margin-left: -1px;
    display: none;
}

.poster-infos-menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.poster-infos-menu ul a,
.poster-infos-menu ul a:link,
.poster-infos-menu ul a:visited
{
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #fff;
    border-bottom: none;
}

.poster-infos-menu ul a:hover
{
    background-image:none ;
}

.faqbox
{
	color: #000;
	margin: 10px;
}

.faqbox .faqbox-contents
{
    padding: 10px;
    color: #333;
    font-size: 12px;
}

.faqbox h2
{
    border-bottom:1px solid #cccccc;
    color:#115098;
    margin:0;
    padding: 4px;
    font-size: 1.6em;
}

.faqbox .faqbox-searchfield
{
    border: 1px solid #5f80a4;

    padding:4px;
    padding-left: 22px;
    background: #fff url(./images/icon_textbox_search.gif) no-repeat 2px 4px;
    color:#223d63;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #ebebeb;  }
.bg3	{ background-color: #ccc;  }


span.corners-top {
	background:url(./images/corners_left.png) no-repeat;
	height: 6px;
	display: block;
}

span.corners-top span {
	background: url(./images/corners_right.png) no-repeat 100% 0;
	height: 6px;
	display: block;
}

span.corners-bottom {
	background: url(./images/corners_left.png) no-repeat 0 100%;
	height: 6px;
	display: block;
}

span.corners-bottom span {
	background: url(./images/corners_right.png) no-repeat 100% 100%;
	height: 6px;
	display: block;
}

hr.dashed
{
    border-top:1px dashed #CCCCCC;
    margin:10px 0;
}

.faqbox a,
.faqbox a:link,
.faqbox a:visited
{
    color: #000;
    text-decoration: underline;
}

a.faqtop,
a.faqtop:link,
a.faqtop:visited
{
    display: block;
    text-decoration: none;
    margin-top: 8px;
    background: url(./images/icon_back_top.gif) no-repeat 0 2px;
    padding-left: 14px;
}

a.faqtop:hover
{
    color: #8a2b27;
}

a.faqleft,
a.faqleft:link,
a.faqleft:visited
{
    display: block;
    text-decoration: none;
    margin-top: 8px;
    background: url(./images/icon_back_left.png) no-repeat 0 2px;
    padding-left: 14px;
}

a.faqleft:hover
{
    color: #8a2b27;
}

span.highlight
{
    background-color: #fefad2 ;
    color: #f49c10;
    font-weight: bold;
}