body, .mceContentBody{ font-size:12px; line-height:18px; color:#333; font-family:Arial}

a{ text-decoration:none; font-weight:bold; color:#00ADEE}
a:hover{ text-decoration:underline;}

p{ margin-bottom:10px;}

strong{ font-weight:bold}
em{ font-style:italic}

ul{ margin:0 0 10px 0; padding-left:2em; list-style:disc}

.blue a, .blue h2{ color:#00598C;}
.red a, .red h2{ color:#bf1e2e;}
.purple a, .purple h2{ color:#582a7f;}

h1{ font-size:24px; margin-bottom:10px; letter-spacing:-1px;}
#search-bar h1{ margin:0; font-size:20px; color:#333}
h2 { font-size:18px; margin-bottom:10px; letter-spacing:-1px;}
h3 { font-size:16px; margin-bottom:10px; letter-spacing:-1px;}
h4 { font-size:14px; margin-bottom:5px; letter-spacing:-1px;}
h1 a, h2 a{ font-size:12px;}
h2.faq-title a{ font-size:18px;}

#discussion-column h3{ font-size:18px}

.page-section table{ border-collapse:collapse;}
.page-section table td{ padding:3px; border:1px solid #333;}

#page-tree ul, #pages{ margin:0; list-style:none}
#page-tree ul ul{ padding: 0 0 10px 15px; background:url(../img/vline.png) repeat-y left;}
#page-tree ul li { margin: 0; line-height:20px; min-height:20px; font-size:14px; }
#page-tree ul ul li { font-size:12px; height: 20px; padding-left:20px; background:url(../img/inner-node.png) no-repeat left;}
#page-tree ul ul li.last { background:url(../img/last-inner-node.png) no-repeat left;}
#page-tree ul li img, #page-tree ul li .node{ float:left; margin-right:2px;}
#page-tree ul li img.page-icon{ margin-bottom:-3px;}
#page-tree ul li .node{ display:block; width:18px; height:20px; background:url(../img/node.png) no-repeat top;}
#page-tree ul li.last .node { background:url(../img/last-node.png) no-repeat top;}
#page-tree ul li .open, #page-tree ul li.last .open{ background-position:0 bottom;}
#page-tree ul li span.page-name{ display:block; border-bottom:1px dotted #ccc; margin-left:20px; width:354px; line-height: 19px;}

#ie-wrapper #page-tree ul li span.page-name{ margin-top:-20px;}
#page-tree ul ul li span.page-name{ margin-left:0px; position:static; width:334px;}
#ie-wrapper #page-tree ul ul li span.page-name{ margin-left:20px;}

#page-tree ul li span.page-count{ display:inline; border:none; margin:0px; line-height: 19px; font-size:11px; padding-left:5px; color:#00598C}
#page-tree ul li span.sort{ display:inline; border:none; margin:0px;}
#page-tree ul li span.page-check, #page-tree ul li span.cat-check{ display:inline; border:none; margin:none; float:right}
#page-tree ul li span.page-check img, #page-tree ul li span.cat-check img{ display:block; float:right}

#page-tree ul li input{ float:right;}
.sortHelper{ background:url(../img/form-bg.png); height:20px; text-align:left;}
body li.sortElement{ text-align:left; padding-left:20px;}

.fe-tree ul li { font-size:12px; height: 20px; padding-left:20px; background:url(../img/inner-node.png) no-repeat left;}
.fe-tree ul li.last { background:url(../img/last-inner-node.png) no-repeat left;}
.fe-tree ul li a{ font-size:12px; display:block; border-bottom:1px dotted #ccc; line-height: 19px;}
.fe-tree ul li .page-actions a{ float:left; display:inline; border:none;}

a.btn-link{ background: #1c5ca4; display: block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px #222; position: relative; cursor: pointer;}
a.btn-link:hover{ background-color:#FF7D00;}
a.btn-link img{ margin-bottom:-3px;}

.home-panel a.btn-link{ background:#8CC63F; text-align:center; margin:10px 20px;}

.tlc, .trc, .blc, .brc{ display:block; width:5px; height:5px; position:absolute; background-image:url(../img/btn-corners.png); background-repeat:no-repeat;}
.tlc{ background-position:top left; top:0px; left:0px;}
.trc{ background-position:top right; top:0px; right:0px;}
.blc{ background-position:bottom left; bottom:0px; left:0px;}
.brc{ background-position:bottom right; bottom:0px; right:0px;}

.front .login-form .tlc, .front .login-form .trc, .front .login-form .blc,.front .login-form .brc, .front .create-form  .tlc, .front .create-form  .trc, .front .create-form  .blc,.front .create-form  .brc{ background-image:url(../img/btn-corners-def.png);}
.blue .login-form .tlc, .blue .login-form .trc, .blue .login-form .blc,.blue .login-form .brc, .blue .create-form  .tlc, .blue .create-form  .trc, .blue .create-form  .blc,.blue .create-form  .brc{ background-image:url(../img/btn-corners-blue.png);}
.red .login-form .tlc, .red .login-form .trc, .red .login-form .blc,.red .login-form .brc, .red .create-form  .tlc, .red .create-form  .trc, .red .create-form  .blc,.red .create-form  .brc{ background-image:url(../img/btn-corners-red.png);}
.purple .login-form .tlc, .purple .login-form .trc, .purple .login-form .blc,.purple .login-form .brc, .purple .create-form  .tlc, .purple .create-form  .trc, .purple .create-form  .blc,.purple .create-form  .brc{ background-image:url(../img/btn-corners-purple.png);}
.blue #header-nav .tlc, .blue #header-nav .trc, .blue #header-nav .blc, .blue #header-nav .brc, .blue #menu-wrapper .tlc, .blue #menu-wrapper .trc, .blue #menu-wrapper .blc, .blue #menu-wrapper .brc{ background-image:url(../img/btn-corners-blue.png);}
.red #header-nav .tlc, .red #header-nav .trc, .red #header-nav .blc, .red #header-nav .brc, .red #menu-wrapper .tlc, .red #menu-wrapper .trc, .red #menu-wrapper .blc, .red #menu-wrapper .brc{ background-image:url(../img/btn-corners-red.png);}
.purple #header-nav .tlc, .purple #header-nav .trc, .purple #header-nav .blc, .purple #header-nav .brc, .purple #menu-wrapper .tlc, .purple #menu-wrapper .trc, .purple #menu-wrapper .blc, .purple #menu-wrapper .brc{ background-image:url(../img/btn-corners-purple.png);}

.blue a.btn-link{ background-color: #00598C;}
.red a.btn-link{ background-color: #bf1e2e;}
.purple a.btn-link{ background-color: #582a7f;}

.blue a.btn-link:hover{ background-color:#104480;}
.red a.btn-link:hover{ background-color:#901D2D;}
.purple a.btn-link:hover{ background-color:#360952;}

a.sign-up, .blue a.sign-up, .red a.sign-up, .purple a.sign-up{ font-size:18px; letter-spacing:-1px; margin:5px 170px 0; background:#F6921E; text-align:center; font-weight:normal}
.sign-up:hover{ background-color:#e17a04;}

.history:hover a.btn-link{ -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright:0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;}

/* content tabs */
.content-tabs{ border-bottom:1px solid #00aeef; height:30px; margin:10px 0;}
.content-tabs ul{ margin:0; padding:0; list-style:none;}
.content-tabs li{ float:left; margin-right:5px;}
.content-tabs li a{ display:block; line-height:30px; font-size:14px; float:left; background:url(../img/tab-nav-bg.png) no-repeat; background-position:0px -80px; white-space:nowrap;}
.content-tabs li a span{ display:block; padding:0 5px; background:url(../img/tab-nav-bg.png) no-repeat; background-position:100% -120px;}

.content-tabs .active{ background-position:0px 0px;}
.content-tabs .active span{ background-position:100% -40px;}
.content-tabs a:hover{ background-position:0px -160px; text-decoration:none; color:#fff}
.content-tabs a:hover span{ background-position:100% -200px;}

.border-left{ border-left:1px solid #ccc;}

.actions{ white-space:nowrap;}
.actions a{ display:block; float:left; margin-right:10px;}
.actions a:hover{ text-decoration:none;}

/* page layout */
.description{ font-style:italic; padding:5px; background:#F5F5EB;}

.highlight{ background:yellow; }


#faq dt{ font-size:14px; color:#00ADEE; text-decoration:underline; font-weight:bold; cursor:pointer; line-height:20px; background:url(../img/question.png) no-repeat left; padding-left:25px; margin:5px 0;}
#faq dd{ margin-left:25px; background:url(../img/answer.png) no-repeat top left; padding-left:25px; display:none; margin-bottom:10px}

.comment-count{ font-size:11px; font-style:italic}