/* ******************************** RESET ********************************* */
html, body {height:100%; font:normal 12px Tahoma, sans-serif;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,select,p,blockquote,th,td{margin:0;padding:0;}
body{margin-left:2%;margin-right:2%;min-width:1000px;}
table{border-collapse:collapse;border-spacing:0;}
th, td{vertical-align:top;}
fieldset,img{border:0;}
li{list-style:none; padding:0px;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,option{font-family:inherit; font-size:inherit; font-weight:inherit;}
select, option {font:normal 11px Tahoma, Geneva, sans-serif}
p {margin-bottom:5px;}

.msgheader a{text-decoration:underline;}
.content table {width:100%;}
/* ******************************** LAYOUT ********************************* */
.wrap {position:relative; margin:0px auto 0px auto; }
.wrap.wide { margin-left:22px;margin-right:22px;}
.empty_inner {height:100px;}

#footer { height:70px; width:100%; overflow:hidden;}
#footer.wide {width:auto; margin:0px 22px;}


#header { height:73px; width:100%; overflow:hidden; position:relative;}
#header * .mod {margin-top:-4px;}

.line, .lastUnit {overflow:auto;}
.unit{float:left; position:relative; width:auto}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.3%;}
.size2of3{width:66.6%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;width:auto;}

/* ******************************** COMMON ********************************* */
.w100 { width:100px; margin:0 auto;}
.w200 {width:200px; margin:0 auto;}
.w300 {width:300px; margin:0 auto;}
.w400 {width:400px; margin:0 auto;}
.w950 {width:950px; margin:0 auto;}
.w1000 {width:1000px; margin:0 auto;}

.h40 {height:40px;}
.h70 {height:70px;}
.h100 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}

.add10Inside {padding:10px;}
.add10Outside {margin:10px;}

.add10RInside {padding-right:10px;}
.add10LInside {padding-left:10px;}

.add5Inside {padding:5px;}
.add5Outside {margin:5px;}

.add3R {margin-right:3px}
.add3L {margin-left:3px}
.add3T {margin-top:3px}
.add3B {margin-bottom:3px}

.add5R {margin-right:5px}
.add5L {margin-left:5px}
.add5T {margin-top:5px}
.add5B {margin-bottom:5px}
.add5H {margin-right:5px; margin-left:5px}
.add5V {margin-top:5px; margin-bottom:5px}

.add10R {margin-right:10px}
.add10L {margin-left:10px}
.add10T {margin-top:10px}
.add10B {margin-bottom:10px}
.add10H {margin-right:10px; margin-left:10px}

.add15R {margin-right:15px}
.add15L {margin-left:15px}
.add15T {margin-top:15px}
.add15B {margin-bottom:15px}

.add20R {margin-right:20px}
.add20L {margin-left:20px}
.add20T {margin-top:20px}
.add20B {margin-bottom:20px}

/* ******************************** OTHER TAGS ********************************* */
.semiColor {color:#b7c7d7}
a {color:#36c; text-decoration:none}
.black {color:#000}
.hot {color:#ed5400;}
a.semiColor,a .semiColor {color:#337bb0}
a:focus, a:hover{text-decoration:underline}
a.noUnderline, a.noUnderline:hover {text-decoration:none}

a.special { display:inline-block; border-bottom:1px dotted #3366cc; cursor:pointer; line-height:1.2em; padding:0px 14px 0px 0px; background:url(/i/icons/sprites_11.gif?2) no-repeat right top;}
a.specialExtra { display:inline-block; border-bottom:1px dashed #090; cursor:pointer; line-height:1.2em; color:#090;}
a.special:hover, a.specialExtra:hover { text-decoration:none; border-bottom-color:#fff;}
a.specialDisabled:hover { text-decoration:none;}
a.specialDisabled { color:#777; display:inline-block; border-bottom:1px dotted #777; cursor:default; line-height:1.2em; padding:0px 14px 0px 0px; background:url(/i/icons/sprites_11.gif?2) no-repeat right -11px;}


.dotted { display:inline-block; border-bottom:1px dotted #3366cc; line-height:1.2em;}
.dotted:hover { text-decoration:none; border-bottom-color:#fff}

/* ******************************** COMMON CLASSES ********************************* */
.border {border:1px solid red;}

.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}
.txtT{vertical-align:top;}
.txtB{vertical-align:bottom;}
.txtM{vertical-align:middle;}

.floatRight {float:right;}
.floatLeft {float:left;}
.floatItems .item {float:left}
.floatItemsRight .item {float:right}
.clear {clear:both}

.icon16, .icons16 img {width:16px; height:16px;}
.icon32, .icons32 img {width:32px; height:32px;}
.icon48, .icons48 img {width:48px; height:48px}

.divider1{height:1px; clear:both; background:#ddd; margin:10px auto;}
.divider3{height:3px;}
.divider5{height:5px;}
.divider10{height:10px;}
.divider15{height:15px;}
.divider20{height:20px;}

.imgBorder {padding:3px; border:1px solid #ccc; background:#fff;}
.topBannerContainer, .leftBannerContainer {margin:0px 0px 10px 0px; text-align:center; background:#fff;}

.relative {position:relative;}
.absolute {position:absolute;}

.big { font-size:17px;}
.bigger {font-size:13px;}
.small {font-size:9px}
.smaller {font-size:11px}



/* ******************************** MOD ********************************* */
.mod { margin:0px 0px 10px 0px;}
.mod .inner .hd h3 { font-size:17px; margin:8px 14px;}
.mod .inner .hd h3 a {color:#000}
.mod .inner .bd .inner { margin:10px;}


.hd,.bd,.ft{overflow:visible;}
.inner{position:relative;}
ins{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10;}
.tl, .tr, .bl, .br{height:5px; width:5px;float:left;}
.tl{background-position: left top; left:-1px;top:-1px;}
.tr{background-position: right top; right:-1px;top:-1px;}
.bl{background-position: left bottom; left:-1px;bottom:-1px;} 
.br{background-position: right bottom; right:-1px;bottom:-1px;}
.br,.tr{float:right;}
.tr, .tl{overflow:hidden; margin-bottom:-32000px;}
.bl,.br{margin-top:-5px;}

/* ----- mod_BASIC ----- */
.mod_BASIC {border:1px solid #5080d1; background:#6694e3;}
.mod_BASIC .inner .bd { background:#fff; margin:1px; border:1px solid #5080d1;}
.mod_BASIC .inner .bd ins ins {background-image:url(/i/mod/blue_inner.gif?2);}
.mod_BASIC ins ins {background-image:url(/i/mod/blue.gif?2);}
.mod_BASIC * h3 {color:#fff}
.mod_BASIC * h3 span {color:#d9e7ff}



/* ----- mod_SPECIAL ----- */
.mod_SPECIAL {border:1px solid #74d462; background:#a0e8af;}
.mod_SPECIAL .inner .bd { background:#fff; margin:1px; border:1px solid #93d6a1;}
.mod_SPECIAL .inner .bd ins ins {background-image:url(/i/mod/green_inner.gif);}
.mod_SPECIAL ins ins {background-image:url(/i/mod/green.gif);}

/* ----- mod_PROMO ----- */
.mod_PROMO {border:1px solid #e0b73a; background:#ffde78;}
.mod_PROMO .inner .bd { background:#fff; margin:1px; border:1px solid #ebcd6f;}
.mod_PROMO .inner .bd ins ins {background-image:url(/i/mod/yellow_inner.gif);}
.mod_PROMO ins ins {background-image:url(/i/mod/yellow.gif);}

/* ----- mod_ERROR ----- */
.mod_ERROR {border:1px solid #ef602b; background:#ff9d78;}
.mod_ERROR .inner .bd { background:#fff; margin:1px; border:1px solid #f68b63;}
.mod_ERROR .inner .bd ins ins {background-image:url(/i/mod/red_inner.gif);}
.mod_ERROR ins ins {background-image:url(/i/mod/red.gif);}

/* ----- mod_SIMPLE ----- */
.mod_SIMPLE {border:1px solid #e5e5e5; background:#f7f7f7;}
.mod_SIMPLE .inner .bd { background:#fff; margin:1px; border:1px solid #e4e4e4;}
.mod_SIMPLE .inner .bd ins ins {background-image:url(/i/mod/grey_inner.gif);}
.mod_SIMPLE ins ins {background-image:url(/i/mod/grey.gif);}

.mod_SIMPLE .inner .line .unit .ins { background:red; top:-3px;}

/* ----- mod_HEAD ----- */
.mod_HEAD {border:1px solid #5080d1; background:#6694e3;}
.mod_HEAD .inner .bd { background:#f9fcff; margin:1px; border:1px solid #5080d1;}
.mod_HEAD .inner .bd ins ins {background-image:url(/i/mod/blue_inner.gif?2);}
.mod_HEAD ins ins {background-image:url(/i/mod/blue.gif?2);}
.mod_HEAD * h3 {color:#fff}
.mod_HEAD * h3 span {color:#d9e7ff}

/* ----- mod_MENU ----- */
.mod_MENU {border:1px solid #8a8a8a; background:#bbbbbb;}
.mod_MENU .inner .bd { background:#f8f8f8 url(/i/mod/menu_gradient.gif) repeat-x 0px 0px; margin:1px; border:1px solid #a6a6a6;}
.mod_MENU .inner .bd ins ins {background-image:url(/i/mod/menu_inner.gif);}
.mod_MENU ins ins {background-image:url(/i/mod/menu.gif);}


/* ******************************** TABLES ********************************* */
.basicTable tr td { padding: 2px;}
.basicTable tr td.txtR { width:33%;}
.thinColumnOne tr td.txtR { width:15%;}

.messagesTable {margin:10px 0px 10px 0px}

.messagesTable thead tr th { padding:4px 2px 5px 5px;}
.messagesTable tbody tr td { padding:2px 2px 2px 5px; cursor:pointer}
.messagesTable tbody tr.hover { background:#e9f3fc;}
.messagesTable tbody tr.new { background-color:#dbffdd;}
.messagesTable tbody tr.new.hover { background-color:#c4f2c6;}
.messagesTable tbody tr.marked { background-color:#fff5db;}
.messagesTable tbody tr.marked.hover { background-color:#f4e6c5;}
.messagesTable thead .widths th { padding:0px;}

.messagesTable thead .widths th div { height:1px;}
.messagesTable thead .widths .w1 div { width:90px;}
.messagesTable thead .widths .w2 div, .messagesTable .widths .w4 div { width:20px;}
.messagesTable thead .widths .w3 div { width:120px;}
.messagesTable thead .widths .w5 { width:100%;}
.messagesTable thead .widths .w6 div { width:55px;}
.messagesTable * td { border-bottom:1px solid #e5e5e5}
.messagesTable * tr.new td { border-bottom:1px solid #c0e1c1}

.messagesTable thead  tr th { border-bottom:1px solid #bcd4ea; border-top:2px solid #bcd4ea;}
.messagesTable thead  tr.widths th { border:none}
.messagesTable thead tr th * {font-weight:normal;}
.messagesTable thead tr th.sortedBy, .messagesTable thead tr th.sortedBy_DESC { background:#d4e7f9;}
.messagesTable thead tr th.sortedBy a, .messagesTable thead tr th.sortedBy_DESC a { background:url(/i/icons/sprites_11.gif) no-repeat right top; padding-right:15px;}
.messagesTable thead tr th.sortedBy_DESC a { background-position:right -22px;}

/* ******************************** FORMS ********************************* */
.inputText, textarea, .multi {padding:2px; border:1px solid #ccc}
.loginForm * .inputText { width:125px;font-size:12px;}
.loginForm * .button { margin-left:-4px;}
.leftSearchForm {text-align:center}
.leftSearchForm .inputText { padding:3px 3px 3px 20px; margin:0px 3px 0px 0px; position:relative; font-size:12px; top:2px; width:150px; height:30px; background:#fbfbfb url(/i/icons/16/bg_search.gif) no-repeat 3px 1px; }
.inviteForm .inputText { padding:3px; margin:0px 3px 0px 0px; position:relative; top:2px; width:175px; font-size:12px; height:30px; background:#fbfbfb; }

.languages li, .footerLinks li, .mainMenu li{ display:inline;}
.languages li a, .footerLinks li a, .mainMenu li a {display:inline-block; height:16px; line-height:16px; padding:0px 5px; border-right:1px solid #cfd9e4}

.leftMenu {margin:0px 5px 10px 5px;}
.leftMenu li {display:block; clear:left; margin:0px 0px 1px 0px; padding:3px 5px; border-top:1px solid #fff;}
.leftMenu li.hover { background:#f7f7f7; border-top:1px solid #e7e7e7;}
.leftMenu li a.deleteAll {width:11px; height:11px; float:right; background:url(/i/icons/sprites_delete.png) no-repeat 0px 0px; display:none;}
.leftMenu li a.deleteAll:hover {background-position:0px -11px;}
.leftMenu li.createNew { border-top:1px solid #e7e7e7; padding:5px; margin-top:4px;}
.leftMenu li.createNew a {color:#53a500}

.listMenu li {display:block; margin:0px 0px 1px 0px; padding-top:6px;}
#selectFolderOptionsItems li { padding:3px 10px; border-bottom:1px solid #eee;	}



.languages li.current a {color:#b7c7d7}
li.lastItem a {border-right:none;}

.logoDescription {color:#aaaaaa; font-size:11px; font-weight:bold; margin:23px 0px 0px 79px;}
.logoLink { width:144px; display:block;}

.logoLink:hover, .logoLink:focus {text-decoration:none;}
.precentage { display:inline-block; line-height:12px; background:#ff5c15 url(/i/precentage.gif?2) no-repeat 95px 0px; color:#fff; width:100px; margin:0px 3px 0px 0px;}
.precentage b {margin:0px 3px;}

.collapse, .expand {display:inline-block; position:absolute; left:0px; width:18px; height:18px; background:url(/i/icons/sprites_expand.png) no-repeat 0px 0px; cursor:pointer; margin:7px 5px 0px 0px;}
.expand:hover { background-position:0px -18px;}

.collapse { background-position:0px -36px;}
.collapse:hover { background-position:0px -54px;}

.navNext, .navPrev {display:inline-block; width:18px; height:18px; background:url(/i/icons/sprites_expand.png?3) no-repeat 0px -72px; cursor:pointer; margin:0px 5px;}
.navNext.hover { background-position:0px -90px;}
.navPrev { background-position:0px -108px;}
.navPrev.hover { background-position:0px -126px;}
.listingCenter .inputText {width:26px; font-weight:bold;}
.listingCenter { display:inline-block;}

.tabs {height:33px;}
.tabs li {float:left;  margin:0px 5px; padding:4px 10px 8px 10px; border-bottom:3px solid #fff;}
.tabs li a { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.tabs li.current { border-bottom-color:#999;}
.tabs li.current a {color:#666}

.subTabs {background:#f6f6f6; border-top:1px solid #ccc; margin-bottom:10px; height:30px;}
.subTabs li {float:left;  margin:0px 5px; padding:6px 10px 8px 10px;}
.subTabs li a {}
.subTabs li.current {}
.subTabs li.current a {color:#000; font-weight:bold;}


.section { border-top:1px solid #bcd4ea;}
.sectionTitle { float:left; background:#d4e7f9; padding:4px 10px 4px 15px;}
.sectionTitle a, .sectionTitle a:hover {background:url(/i/icons/sprites_11.gif) no-repeat right top; padding-right:15px; color:#000; cursor:default; font-weight:bold; text-decoration:none;}
.sectionContent { clear:both;}

.arrowLeft { width:11px; height:11px; display:inline-block; background: url(/i/icons/sprites_11.gif?222) no-repeat 0px -33px;}
#message_fontsizeselect_text {width:80px;}