/* ==================== | ORIENTATION | ====================  */
body{font-size:11px;font-family:verdana,arial,helvetica,sans-serif;margin:0;padding:0;}
#content{position:relative;width:1000px; }
#menubar{float:right;margin-left:340px;font-size:0.8em;z-index:2;}
#header{position:relative;font-size:1.1em;height:110px;clear:both;background:#7F7FAB url(images/header_bg.gif) repeat-x;z-index:2;}
#pagetopA,#pagetopB{position:absolute;top:92px;z-index:2;}
#pagetopA{right:20px;}
#pagetopB{left:20px;}
#pagetopA a,#pagetopB a{color:#DBD9DB;font-weight:700;text-decoration:none;}
#pagetopC{position:absolute;left:300px;top:25px;}
#new_challenge_info{position:absolute;top:-15px;right:120px;color:#B3B6BF;text-align:center;z-index:3;}
#new_message_info{position:absolute;top:2px;right:20px;color:#B3B6BF;text-align:center;z-index:3;}
.blockquote{width:30%;background-image:url(./images/openquote.gif);background-repeat:no-repeat;background-position:left 5px;padding-left:60px;font-size:1.1em;color:#c3B6BF;font-weight:700;font-style:italic;}
.blockquote span{background-image:url(./images/closequote.gif);background-repeat:no-repeat;background-position:right bottom;display:block; }
.logo{position:absolute;z-index:-6;margin-top:5px;margin-left:14px;width:250px;height:80px;background-image:url(../images/logo.png);background-repeat:no-repeat;}
#pagebody{clear:both;position:relative;padding-left:10px;}
#pagebodyInner{margin-left:165px;}
#leftpanel{background:url(images/note_bottom.png) no-repeat 0 100%;float:left;width:160px;margin-left:-6px;}
#leftpanelInner{background:url(images/note_top.png) no-repeat;padding:12px 0;}
#leftpanel a{background:url(images/arrow_small_right.gif) no-repeat 2px 50%;display:block;padding-left:20px;text-align:left;}
#pagefooter{clear:both;background-color:#F3F3F3; margin-top:80px;width:100%;font-size:0.8em;padding:30px 30px 30px 15px ;
  filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
/* ==================== | END ORIENTATION | ====================
==================== | DEFAULT STYLES | ====================  */
h1,h2,h3,h4,p,ul,ol,li,form,SELECT,dl,dt,dd,fieldset{margin:0;padding:0;}
h1{font-size:1.2em;font-weight:400;}
h2{font-size:1.1em;}
h3{font-size:0.9em;}
a:link{color:#4A49A8;}
a:visited{color:#504F76;}
a:hover,a:focus,a:active{color:#CB3E00;}
table { border-spacing:0;   }
td,th{text-align:left;font-size:12px;}
/* ======= SPECIAL STYLES =======  */
.emphasis{font-weight:700;}
.important{color:red;font-weight:700;}
.smallnote{font-size:0.8em;}
.mininote{font-size:0.6em;}
.smalltitle{font-size:1em;font-weight:700;color:#5F5F5F;}
.big{color:navy;font-size:1.2em;font-weight:700;}
.faded{color:gray;}
/* ==================== | MESSAGES  | ====================  */
.information,.success,.warning,.error,.validation{border:1px solid;background-repeat:no-repeat;background-position:10px center;margin:3px; padding:15px 10px 15px 50px;}
.information{color:#00529B;background-color:#EFEFEF;background-image:url('images/info.png');}
.success{color:#4F8A10;background-color:#DFF2BF;background-image:url('images/success.png');}
.warning{color:#9F6000;background-color:#FEEFB3;background-image:url('images/warning.png');}
.error{color:#D8000C;background-color:#FFBABA;background-image:url('images/error.png');}
.alert{background:#fff6bf url(images/exclamation.png) 15px center no-repeat;text-align:left;border-top:2px solid #ffd324;border-bottom:2px solid #ffd324;padding:5px 20px 5px 45px;}
/* ======= BOX MODEL =======  */
.xsnazzy{background:transparent;margin:2px }
.large{ margin:2px }
.medium{width:680px;margin:2px }
.medium2{width:610px;margin:2px }
.small{width:290px;margin:2px }
.small a{font-size:0.8em;}
.small2{width:320px;margin:2px}
.small3{width:195px;margin:2px 0 0 0;}
.xtop,.xbottom{background:transparent;display:block;}
.xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden;}
.xb2,.xb3,.xb4{background:#fff;border-left:1px solid #888;border-right:1px solid #888;}
.xb1{background:#888;margin:0 5px;}
.xb2{border-width:0 2px;margin:0 3px;}
.xb3{margin:0 2px;}
.xb4{height:2px;margin:0 1px;}
.xboxcontent{background:#F5F5F5;border:0 solid #888;display:block;height:auto;border-width:0 1px;}
.color_a{font-size:1.1em;background:#72729A;color:#eee;font-weight:700;padding:0 0 0 7px;}
.xb1,.xb2,.xb3,* html .xboxcontent{height:1px;}
/* ==================== | MENU | ====================  */
div#menubar ul.menuOptions{background:url(images/bg_usermast_right.gif) #E5E5E5 no-repeat top right;display:table;height:29px;list-style:none;margin:0;padding:0 7px 0 0;}
div#menubar ul.menuOptions li.menuOption{background:url(images/bg_usermast_divider.gif) no-repeat 0 6px;float:left;height:29px;margin-right:7px;padding-left:10px;}
div#menubar ul.menuOptions li.menuOption_0{background:url(images/bg_usermast_left.gif) no-repeat top left;padding-left:14px;}
div#menubar ul.menuOptions li.menuOption a{display:block;float:left;font-size:1.1em;margin-top:6px;text-decoration:none;}
/* ==================== | div   | ====================  */
.nametag{width:280px;display:block;word-break:keep-all;}
/* ======= BUTTON STYLES =======   BUTTONS  */
.buttons{float:right;}
.buttons a,.buttons button{text-align:center;display:block;float:left;background-color:#DEDFD8;border:1px solid #999;border-top:1px solid #eee;border-left:1px solid #eee;width:70px;line-height:130%;text-decoration:none;font-weight:700;color:#565656;cursor:pointer;margin:0 2px 0 2px;padding:3px 0px 4px 1px;}
.buttons button{width:auto;overflow:visible;padding:3px 4px 2px 5px;}
.buttons button[type]{line-height:17px;padding:3px 4px 3px 5px;}
*:first-child+html button[type]{padding:3px 4px 2px 5px;}
.buttons button img,.buttons a img{border:none;width:32px;height:32px;margin:0 3px -3px 5px !important;padding:0;}
/* STANDARD  */
button:hover,.buttons a:hover{background-color:#B9BFBB;border:1px solid #999;color:#2F2E2F;}
.buttons a:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
/* POSITIVE  */
button.positive,.buttons a.positive{color:#B84B45;}
.buttons a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#B84B45;}
.buttons a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}
/* NEGATIVE  */
.buttons a.negative,button.negative{color:#D3A9A9;}
.buttons a.negative:hover,button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#D3A9A9;}
.buttons a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}
#pagetopA a:hover,#pagetopB a:hover,div#menubar ul.menuOptions li.menuOption a:hover{text-decoration:underline;}
#new_message_info a,#new_challenge_info a{color:#B3B6BF;}
