* {margin: 0; padding: 0;}
body {
    font-family: "lucida grande", arial, helvetica, sans-serif;
    color: #333;
    font-size: 13px;
    background-color: #fff;
    }

table {border-width: 0;}
table.tcenter {margin: 0 auto;}
.ttop td {vertical-align: top;}

input[type="submit"] {font-weight: bold;}
input.txt {padding: 1px 2px; font-size: 12px;}
textarea.ttxt {padding: 1px 2px; font-size: 12px;}
.butt {font-size: 12px;}
option {padding: 0 2px;}
    select {font-size: 12px;}
strong.r {font: bold 7px verdana, sans-serif; color: #ff0000;}
label {cursor: pointer;}

.req {font-weight: bold;}
.wide {width: 100%;}
.hide {display: none;}
.nowrap {white-space: nowrap;}

hr {height: 1px; background-color: #e7f0f2; border-width: 0;}

a {color: #4353ac; text-decoration: none;}
a:hover {color: #ff2700;}
    a.anchor {font-size: 1px;}

.center {text-align: center;}
.right {text-align: right!important;}

#container {
    width: 783px;
    margin: 10px auto 0 auto;
    }
#bgbox{background-color: #f1f7fa;}

.boxtop {background: url("/images/corners/main_tr.png") no-repeat top right;}
.boxtop div {font-size: 0;  height: 12px; background: url("/images/corners/main_tl.png") no-repeat top left;}
.boxbottom {background: url("/images/corners/main_br.png") no-repeat bottom right;}
.boxbottom div {font-size: 0; height: 12px; background: url("/images/corners/main_bl.png") no-repeat bottom left;}

#header {}
    #logo {
        float: left;
        width: 300px;
        padding: 0 0 12px 0;
        }
        .slog {
            padding: 3px 0 0 25px;
            font: normal 12px arial, verdana, sans-serif;
            color: #666;
            }
        #logo a, #logo a:hover {padding-left: 50px; color: #393f46;}

.topbox {float: left; width: 470px;}

.topnav {height: 50px; font-size: 12px;}
    .topnav ul {margin: 0; float: right; text-transform: lowercase;}
    .topnav li {float: left; padding: 3px 5px 4px 10px; list-style: none; color: #ccc;}
        .topnav li a {padding: 1px 0 2px 20px; text-decoration: none;}
        .topnav li a:hover {color: #ff2700;}
        .topnav li a.curr, .topnav li a.curr:hover {color: #acbdda;}

        #home_i {background: transparent url("/images/icons/home.png") top left no-repeat;}
        #login_i {background: transparent url("/images/icons/login.png") top left no-repeat;}
        #acc_i {background: transparent url("/images/icons/account.png") top left no-repeat;}
        #reg_i {background: transparent url("/images/icons/register.png") top left no-repeat;}
        #help_i {background: transparent url("/images/icons/help.png") top left no-repeat;}
        #logout_i {background: transparent url("/images/icons/logout.png") top left no-repeat;}

#mline {
    font-size: 2px;
    height: 13px;
    background: transparent url("/images/header_sep_bg.gif") top left repeat-x;
    }


#sidebar {
    float: left;
    width: 145px;
    margin: 0;
    padding: 6px 0 0 5px;
    }
    .mbox {margin-bottom: 5px; padding: 2px 3px 2px 5px; border: 1px solid #c8d2d8;}
        .mbox dl {padding: 2px 0 0 0;}
        .mbox dt {padding: 0; font-weight: bold;}
        .mbox dd {padding: 1px 0 2px 2px; color: #666;}

    ul#mem_nav {
        margin: 0;
        padding: 5px 0 15px 0;
        width: 100%;
	    list-style: none;
        clear: right;
        font-size: 12px;
        }
        ul#mem_nav li {
            display: block; clear: both;
            padding-top: 2px;
            width: 100%;
            overflow: hidden;
            list-style: none;
            border-bottom: 1px solid #e9eaf6;
            }
            ul#mem_nav li a {
                display: block;
                padding: 2px 5px 1px 4px;
                color: #1909a2;
                text-decoration: none;
                }
            ul#mem_nav li a#viewprof {float: left;}
            ul#mem_nav li a:hover {color: #ff2700;}
            ul#mem_nav li a.curr {font-weight: bold; color: #333;}
                ul#mem_nav li.delim {padding: 8px 0 0 0; text-align: center; color: #aaa; font-size: 9px; border-bottom: none;}
            #editprof {float: right;}
            #editprof a {display: block; padding: 2px 10px 0 10px!important; border-bottom: 2px solid transparent;}
                #editprof a.sel, #editprof a.sel:hover {font-weight: bold; color: #1909a2; border-bottom: 2px solid #e9eaf6;}

    #boxnav {border: 1px solid #024e98;}
        #boxnav h2 {
            margin: 0; padding: 2px 5px 3px 10px;
            font: normal 14px "Trebuchet MS", tahoma, sans-serif;
            color: #fff;
            background-color: #003366;
            border-bottom: 1px solid #03498f;
            }
        #boxnav ul {font: bold 11px tahoma, arial, sans-serif;}
        #boxnav ul li {float: left; clear: both; width: 100%; overflow: hidden; list-style: none;}
        #boxnav ul li a {
            display: block;
            padding: 3px 5px 4px 13px;
            color: #fff;
            text-decoration: none;
            background-color: #034485;
            border-bottom: 1px solid #0259ae;
            }
        #boxnav ul li a.last {border-bottom: none;}
        #boxnav ul li a:hover {background-color: #003366;}
        #boxnav ul li a.curr, #boxnav ul li a.curr:hover {background-color: #062748;}


    #qlogin {margin: 5px 0 10px 0; padding: 0 0 0 5px; font-size: 11px;}
        #qlogin label {display: block; margin: 0; padding: 0 0 2px 0; font-weight: bold; color: #333;}
            #qlogin label.remember {margin-top: 3px; font-weight: normal; color: #555;}
        #qlogin .inp {margin-bottom: 4px; padding: 1px 2px; width: 126px; font-size: 11px;}
        .loginbtn {margin: 6px 0; font-size: 11px;}

    #shareside {margin: 15px 0 10px 0; padding-left: 5px;}

#sub_nav {
    margin-top: 3px;
    list-style: none;
    font-size: 12px;
    border-bottom: 1px solid #d9e3e8;
    }
    #sub_nav li {float: left; text-align: center; border-left: 1px solid #d9e3e8;}
    #sub_nav li a {display: block; padding: 4px 8px; text-decoration: none; color: #1909a2;}
    #sub_nav li span {display: block; padding: 4px 8px; color: #999;}
        #sub_nav a:hover {color: #ff2700;}
    #sub_nav {overflow: hidden; width: 100%;}
    #sub_nav li {margin-left: -1px;}
    #sub_nav a.curr, #sub_navr a.curr:hover {font-weight: bold; color: #ff1717; background-color: #f3efe8;}
    #sub_nav li.back {float: right; border-left: none;}


#content {
    float: left;
    margin: 5px 0 5px 20px;
    width: 613px;
    }
    #content h2 {
        margin: 10px 0 15px 0;
        font-size: 24px;
        color: #4eb5e0;
        text-shadow: #ccc 1px 1px 2px;
        }

        .cont {margin-right: 15px; line-height: 1.3em;}
	    .cont ul, .cont ol {margin: 0; padding: 0 0 10px 31px;}
	    .cont p {margin: 10px 0 15px 0;}

    .mainnav {margin: 0; padding: 0; font-size: 0.87em; list-style: none; border-top: 1px solid #d8d8d8;}
    .mainnav li {
        float: left;
        padding: 0;
        text-align: center;
        border-left: 1px solid #d8d8d8;
        }
        .mainnav li.first {border: none;}
        .mainnav li a {display: block; padding: 8px 5px 8px 5px; text-decoration: none;}
        .mainnav li a:hover {color: #ff2700; background-color: #e3eff5;}
        .mainnav li a.curr, .mainnav li a.curr:hover {color: #303c7e; background-color: #e3eff5;}

#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 5px 0 5px 0;
	}
	.bottomnav {text-align: center; font-size: 0.9em;}
	.bottomnav ul {list-style: none;}
    .bottomnav li {display: inline; margin: 0; padding: 0 12px 0 12px; border-right: 1px solid #d7d7d7;}
        .bottomnav li.last {border-right: none;}
        .bottomnav a {text-decoration: none;}
            .bottomnav a.curr, .bottomnav a.curr:hover {color: #333;}

    .copy {
		margin: 15px 0 5px 8px;
		font-size: 11px;
		text-align: center;
		color: #999;
		}

#error, #success, #warning {
    margin: 5px 0;
    padding: 10px 5px 7px 38px;
    min-height: 19px;
    font-size: 12px;
    color: #fff;
    background: #da1717 url(/images/error.gif) top left no-repeat;
    background-position: 2px 2px;
    border: 1px solid #ffd1d1;
    }
#success {
    color: #006600;
    background: #dcf8df url(/images/success.gif) top left no-repeat;
    background-position: 2px 2px;
    border: 1px solid #9acc9a;
    }
#warning {
    color: #3a5c80;
    background: #e3eaf2 url(/images/warning.gif) top left no-repeat;
    background-position: 2px 2px;
    border: 1px solid #98b3d0;
    }
#error a {color: #e6e697; text-decoration: underline;}
#error a:hover {text-decoration: none;}

#error label, #success label, #warning label {
	display: block;
    }

.err {}
.errbox, .okbox {
    margin: 5px 0 2px 0;
    padding: 1px 0 4px 22px;
    font-size: 11px;
    font-weight: bold;
    color: #e5431c;
    background: transparent url(/images/err-arrow.gif) top left no-repeat;
    }
.okbox {
    color: #3366cc;
    background: transparent url(/images/ok-arrow.gif) top left no-repeat;
    }
.errbox strong, .okbox strong {font-weight: bold; font-size: 12px;}

.pagenav {
    margin: 5px 0;
    text-align: center;
    }
    .pagenav_box {
        font-size: 11px;
        white-space: nowrap;
        }
        .pagenav_box a {padding: 3px;}
        .pagenav_box a.curr {font-weight: bold; color: #000;}
    .keynav {margin: 3px 0; font-weight: bold;}
    .keynav .off {color:#888;}

img {border-width: 0;}

.overlabel-wrapper {position: relative; font-size: 12px;}
label.overlabel {color: #999;}
label.overlabel-apply {
    position: absolute;
    top: 3px;
	left: 5px;
    z-index: 1;
    color: #999;
    }