html {min-width:1220px;}
html.sidebar-layout {min-width:1425px;}
html.sidebar-layout.stub {min-width:1208px;}
html.sidebar-layout.wide {min-width:1825px;}
html.sidebar-layout.wide.stub {min-width:1608px;}
body {margin:0; padding:0; background:#000; font-family:'Open Sans', sans-serif, Arial; font-size:14px; color:#777;}
h1 {margin:0;}
h3 {color:#777; margin:0 0 10px 0; padding-bottom:13px; font-size:18px; border-bottom:1px solid #d5d5d5;}
h3 .cursive {font-size:26px; margin-right:6px;}
h4 {margin-bottom:18px;}
h4.uline {padding-bottom:5px; border-bottom:1px solid #d5d5d5;}
h5 {font-size:12px; margin:0;}
.light {color:#777;}
.cursive, .price {font-family:'Satisfy', 'Open Sans', sans-serif, Arial;}
*:focus {outline: 0;}
.fake_input {display:inline-block; margin:2px 2px 4px 2px; background-color:#FFF; min-width:151px;}
input, select, .fake_input {border-radius:4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; border:1px solid #aaa; color:#777; font-size:14px; padding:4px 6px;}
input, select, .fake_input {border-radius:3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset;}
input.large {padding:8px; font-size:18px;}
select.large {padding:5px 2px 5px 6px; font-size:16px;}
select {font-size:14px; padding:2px 2px 2px 6px;}
input[type=submit], input[type=button] {box-shadow:none; border-radius:3px; cursor:pointer; border:1px solid #CCC;}
input[type=submit]:hover, input[type=button]:hover  {box-shadow:none;}
input[type=text], input[type=password] {margin-bottom:4px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s, -moz-box-shadow 0.2s linear 0s;}
input[type=text]:focus, input[type=password]:focus {-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6); border-color:rgba(82, 168, 236, 0.8);}
input.wide, .fake_input.wide {width:200px;}
input.large.wide {width:300px;}
form label.stl {text-transform:uppercase; font-family:Arial; font-weight:bold; font-size:12px;}
label.subitem {display:block; padding:10px 0 0 20px;}
a {text-decoration:none; color:#333; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; transition: background-color 0.2s linear;}
a:link, a:visited {color:#555;}
a:visited {color:#555;}
a:hover, a:active {color:#E21E1F;}
a.more {position:relative; top:3px; font-size:12px;}
a.backlink {background:transparent url('../img/small_icons/16/larrow.png') left center no-repeat; padding-left:20px;}
a.flink {background:transparent url('../img/small_icons/16/rarrow.png') left center no-repeat; padding-left:20px;}
p.large {font-size:16px;}
p.comp {margin:5px; padding:5px;}
a.dropdown {display:block; width:22px; height:22px; background:transparent url('../img/down.png') no-repeat center center; opacity:0.25;}
a.dropdown.up {background:transparent url('../img/up.png') no-repeat center center; opacity:1.0;}
a.dropdown.inline {display:inline-block; margin-right:10px; vertical-align:middle;}

.hidden {display:none;}
.show {display:block;}
.clickable {cursor:pointer;}
.no-select { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.inline, .inline_b {display:inline-block;}
.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.twhite {color:#FFF;}
.red {color:#FF0000;}
.green {color:#00FF00;}
.blue {color:#0000FF;}
.ared {color:#E21E1F;}
.b {font-weight:bold;}

.autoScroll {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.top-fix-elem {position:relative; top:0;}
.scrollFix {position:fixed; top:10px;}

#header {position:relative; width:100%; background:#fff; box-shadow:0px 3px 3px rgba(0,0,0,0.15);}
#header h1, #logoarea h1 {font-family:'Montserrat', 'Open Sans', sans-serif, Arial;}
.header-standard {height:80px;}
.header-standard h1 {padding-top:16px; font-size:40px;}
.header-compact {height:58px;}
.header-compact h1 {padding-top:10px; font-size:32px;}
#top-content {width:100%; height:390px; background:#000 url('../img/fp_1.png') center center no-repeat fixed; background-size:cover; padding-top:0;}
#top-content .fp_block {width:350px; margin:0 0 10px 20px; padding:10px 20px; background:rgba(0,0,0, 0.65); font-size:28px; color:#FFF;}
#top-content .fp_buttons {margin:15px 0 0 10px;}
#top-content .worksheets {width:580px; float:right; position:relative;}
#top-content .worksheets a.button {position:absolute; z-index:1; top:10px; right:49px; box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
#top-content .exws, .worksheets .exws {position:relative; top:20px; left:80px; width:200px; height:250px; background:#FFF; box-shadow:3px 5px 5px rgba(0,0,0,0.65); border:1px solid #CCC;}
.worksheets .exws.first {top:-5px; left:0;}
.worksheets .exws.second {top:25px;}
.worksheets .exws.third {top:-20px;}
.worksheets .exws.fourth {top:25px;}
.worksheets .exws.first, #top-content .exws.first {background:#ffffff url('../img/ws4.png') 0 0 no-repeat;}
.worksheets .exws.second, #top-content .exws.second {background:#ffffff url('../img/ws4.png') -200px 0 no-repeat;}
.worksheets .exws.third, #top-content .exws.third {background:#ffffff url('../img/ws4.png') -400px 0 no-repeat;}
.worksheets .exws.fourth, #top-content .exws.fourth {background:#ffffff url('../img/ws4.png') -600px 0 no-repeat;}
#lower-content {padding:0; background:rgba(40,54,79,1.0); color:#FFF; font-size:22px;}
#lower-content .left-text {width:620px; padding:0 20px 25px 20px;}
.layer-content1, .layer-content2, .layer-content3 {width:100%;}
.layer-content1 {background:#BDEDFF url('../img/bg.jpg') top left repeat;}
.layer-content2 {background:#FFF;}
.layer-content3 {background:#BDEDFF;}
.layer-content4 {background:#BDEDFF url('../img/gm.png') top left repeat;}
.layer-content5 {background:#BDEDFF url('../img/gmw.png') top left repeat;}
.layer-content6 {background:#BDEDFF url('../img/pat_bg.png') top left repeat;}
.compact {width:100%; background:#FFF; margin-top:100px; padding-top:20px;}
#content {width:100%; background-color:#F6F9FC; padding-bottom:50px;}
.sidebar-layout #content {padding-bottom:0;}
#content.content-bg-dots {background:url('../img/dots27.png') repeat top left #D9D9D9;}
#content.content-bg-darkdots {background:url('../img/dots27.png') repeat top left #C6C6C6;}
#content.content-bg-gray {background:rgba(51,51,51,0.8);}
#content.content-bg-lightgray {background:#F2F4F6;}
#content.content-bg-grid {background: url('../img/grid.png') repeat left top #C6C6C6;}
#content.content-bg-smallgrid {background: url('../img/grid.jpg') repeat left top #C6C6C6;}
#content.content-bg-pattern {background: url('../img/ptrn.png') repeat left top #C6C6C6;}
#content.content-bg-lightpattern {background: url('../img/ptrn_light.png') repeat left top #C6C6C6;}
.content-standard {padding-top:0;}
.content-compact {padding-top:0;}
#footer {width:100%; background:#000 url('../img/pat_bg.png') top left repeat;}
#footer .top-bar {height:50px; background:rgba(40,54,79,1.0); box-shadow:0 10px 10px rgba(0,0,0,0.65);}
#footer .main-content, #footer .main-content-narrow {height:300px; padding-top:20px; position:relative;}
#footer .main-content div, #footer .main-content-narrow  div {float:left; width:200px;}
#footer .main-content div a, #footer .main-content-narrow div a {display:block; margin:8px 10px; color:#ccc; font-size:13px;}
#footer .main-content div a:hover, #footer .main-content-narrow div a:hover {color:#F33636;}
.main-content {width:1220px; padding:32px 0 0 0; margin:0 auto; text-align:left;}
#header .main-content, #header .main-content-wide {padding:0;}
.white-overlay {background:rgba(255,255,255,0.60);}
.main-content-wide {width:1500px; padding:0; margin:0 auto; text-align:left;}
.main-content-narrow {width:1100px; padding:0; margin:0 auto; text-align:left;}
.main-content-wide.pad, .main-content-narrow.pad {padding:24px;}
.main-content-wide.fill, .main-content-narrow.fill {background-color:#F3F5F5; border:1px solid #EBEDED; margin-top:20px; margin-bottom:20px;}
div.down-arrow {height:100px; overflow:visible; opacity:0.60; background: transparent url('../img/section_arrow.png') center center no-repeat;}

.inset {overflow:hidden; box-shadow:inset 0 15px 15px -15px rgba(0,0,0,1.0), inset 0 -15px 15px -15px rgba(0,0,0,1.0);}
.inset-before {border-bottom:3px solid #BDEDFF;}
.inset-after {border-top:3px solid #BDEDFF;}

#nav {float:right;}
#nav a {display:block; float:right; padding:3px 32px;}
.header-standard #nav {height:80px; line-height:74px; font-size:18px;}
.header-compact #nav {height:58px; line-height:52px; font-size:16px;}
#nav a.selected, #nav a:active {border-top:3px solid #ff0000; padding-top:0;}
#nav a:hover {background-color:rgba(119,119,119,0.65); color:#fff; border:none; padding-top:3px; opacity:1.0;}
.header-standard #nav a.rbutton {margin:25px 15px 0 15px; padding:0 12px; text-transform:uppercase;}
.header-compact #nav a.rbutton {margin:14px 15px 0 15px; padding:0 12px; text-transform:uppercase;}

.header-standard #logo {background:#FFF url('../img/logo.png') 12px 5px no-repeat; padding-left:87px;}
/*.header-standard #logo {background:#FFF url('../img/logo7.png') right 10px no-repeat; padding-right:75px;}*/
.header-compact #logo {background:#FFF url('../img/logo_s.png') 10px 2px no-repeat; padding-left:73px;}
a#logo:hover {color:#555;}

#signup h3 a {font-size:11px; font-weight:normal; float:right; color:#F33636;}
h3 a:hover {color:#FF0000;}
#signup {width:320px; float:right; border-radius: 5px; background:linear-gradient(rgb(247, 247, 247), rgb(218, 218, 218)) repeat scroll 0 0 transparent; padding:15px 30px 32px 30px; margin:10px 100px 30px 0;}
#signup label, #signin label, .signup label, .signin label {text-transform:uppercase; font-family:Arial; font-weight:bold; display:block; margin:10px 0 4px 0; font-size:13px;}
#signup label.lcase, #signin label.lcase, .signup label, .signin label.lcase {text-transform:none;}
#signup label.indent, #signin label.indent, .signup label.indent, .signin label.indent {margin-left:15px;}
.signup label {text-transform:none; margin-bottom:6px;}
#signup input {width:302px;}
#signup h3 {text-align:left; padding-left:10px;}
#signup input[type=submit] {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); width:320px; margin-top:15px; border:1px solid #aaa; cursor:pointer;}
#signup input[type=submit]:hover, #signin input[type=submit]:hover {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset; padding:5px 6px 3px 6px;}
#signup input[type=submit].large:hover, #signin input[type=submit].large:hover {padding:9px 8px 7px 8px;}
#front-display {width:400px; padding:20px;}

#signin {width:400px; height:330px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:10px;}
#signin form {width:300px; text-align:left; padding:20px 10px;}
#signin input {width:286px;}
#signin input.large {width:282px;}
#signin input[type=submit] {width:300px; margin-top:5px; background-color:#F0F0F0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); cursor:pointer;}
#signin h3 {margin:10px 40px 5px 10px;}
#signin form h3 {margin:0 0 18px 0;}
#signin h3, .signin h3 {background:transparent url('../img/lock.png') top left no-repeat; margin-bottom:18px; padding:5px 0 5px 45px;}
#signin h3.error {background-image: url('../img/as.png');}
#signin div {padding:5px 0 10px 5px; font-size:13px;}
#signin div p {margin:0;}
#signin div.alert {margin-bottom:0;}
a.close_x {display:block; width:30px; height:30px; float:right; text-align:center; line-height:30px; font-size:18px; background:transparent url('../img/close_d.png') center 10px no-repeat;}
a.close_x:hover {background-color:#777; color:#fff; background-position:center -23px;}


/* Front Page */
.main-topic {padding:80px 0 65px 0; position:relative;}
.main-topic.separator {background:url('../img/topic_separator.png') center top no-repeat;}
.topic-image {}
.main-topic.image-left img {position:absolute; top:50px; left:0; width:540px;}
.main-topic.image-right img {position:absolute; top:50px; right:0px; width:540px;}
.image-left .topic-content {margin-left:720px;}
.image-left.wide .topic-content {margin-left:620px;}
.image-right .topic-content {margin-right:600px;}
.main-topic .topic-content, .main-topic .topic-content-bottom {padding:20px;}
.main-topic .topic-content h1, .main-topic .topic-content-bottom h1 {margin-bottom:40px; font-size:48px; color:#2980b9; font-weight:bold; font-family:'Montserrat', 'Open Sans', 'Arial';}
.main-topic .topic-content h2 .main-topic .topic-content-bottom h2 {margin-bottom:10px; font-size:32px; color:#2980b9; font-weight:bold; font-family:'Montserrat', 'Open Sans', 'Arial';}
.main-topic .topic-content h3, .main-topic .topic-content-bottom h3 {margin-bottom:30px; font-size:24px; color:#2980b9; font-weight:bold; font-family:'Montserrat', 'Open Sans', 'Arial'; border-bottom:0;}
.main-topic .topic-content p, .main-topic .topic-content-bottom p {font-size:20px; padding-left:15px; color:#28364F;}
.main-topic .topic-content-bottom .line-item {float:left; width:400px; height:80px; padding:10px 10px 10px 130px; margin:0 15px 25px 15px;}
.main-topic .topic-content-bottom .line-item p {font-size:20px; margin-top:5px;}
.main-topic .topic-content-bottom .line-item.cc {background: url('../img/cats.png') 10px 0px no-repeat;}
.main-topic .topic-content-bottom .line-item.tx {background: url('../img/cats.png') 10px -200px no-repeat;}
.main-topic .topic-content .cats, .main-topic .topic-content-bottom .cats {margin:35px 0 0 0; text-align:center;}
.main-topic .topic-content .cats span, .main-topic .topic-content-bottom .cats span {margin:0 15px; padding:5px 12px; background:#2980B9; border-radius:5px; color:#FFF; font-weight:bold;}
/*******************************************/

/* Samples page */
.ws-samples-cont {padding:0 50px;}
.ws-samples-list {float:left; width:32%; margin-right:1%; background-color:#FFF; border-radius:10px;}
.ws-samples-list > div {padding:10px 10px 20px 20px;}
.ws-samples-list h3 {margin-right:10px;}
.ws-samples-list div.item {padding:2px 10px;}
.ws-samples-list a, .ws-samples-list a:visited {color:#CCC;}
.ws-samples-list a:hover {padding-left:1px;}
.ws-samples-list div.active a:hover {color: #345db9;}
.ws-samples-list div.active a, .ws-samples-list div.active:visited a {color:#2980B9;}

.s_mat {margin-left:17px; padding:20px; background-color:#FFF; border:1px solid #deebff; border-radius:10px;}
.s_mat > div.title {font-weight:bold;}
.download-box {float:left; min-width:400px; margin-left:20px; padding:10px 20px 20px 20px; background-color: #fdffdc; border:1px solid #E1E1E1; border-radius:5px;}
.download-box > div.title {font-weight:bold;}
.download-box > div.link {padding:10px 20px 0 15px; font-size:20px; font-family:Arial;}
.download-box > div.exp {margin:5px 0 0 20px;}
/*******************************************/


/* Management */
#sidebar-layout {width:auto; height:100%; margin:0; padding:0 0 0 275px; border:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#sidebar-layout.stub {padding-left:58px;}
#sidebar-layout #sidebar {position:fixed; top:0; left:0; width:275px; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background-color:#2f3436; overflow:hidden; border-bottom:5px solid #E21E1F; font-family:'Montserrat', 'Open Sans', 'Arial';}
#sidebar-layout.stub #sidebar {width:58px;}
#sidebar-layout #content {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#sidebar-layout #sidebar .top {height:30px; padding:14px 20px; border-bottom:1px solid #454a4b; background:#25292a;}
#sidebar-layout #sidebar .top a {display:block; float:right; width:40px; height:30px; background:url('../img/menu.png') left 0px no-repeat; opacity:0.7;}
#sidebar-layout #sidebar .top a:hover {opacity:1.0;}
#sidebar-layout.stub #sidebar .top {padding-right:6px;}
#sidebar-layout.stub #sidebar .top a {background-position:-8px -42px;}
#sidebar .menu {}
#sidebar .menu .title, #sidebar .menu a {height:20px; padding:15px 0 10px 20px; margin-bottom:5px;}
#sidebar .menu .title {padding-top:50px; color:#747373; font-weight:bold; font-size:16px;}
#sidebar .menu a {position:relative; display:block; padding-left:54px; color:#d1d6d8; border-left:5px solid transparent;}
#sidebar .menu a span {position:absolute; top:7px; right:10px; min-width:12px; padding:8px 12px; color:#FFF; background-color:#E21E1F; border-radius:3px; text-align:center;}
#sidebar .menu a.selected, #sidebar .menu a:hover {color:#545d5f; background-color:#f3f5f5; border-left:5px solid #E21E1F; text-transform:uppercase;}
#sidebar .menu .icon_pen {background: url('../img/small_icons/16/penw.png') no-repeat 18px center;}
#sidebar .menu .icon_docs {background: url('../img/small_icons/16/docsw.png') no-repeat 18px center;}
#sidebar .menu .icon_invoices {background: url('../img/small_icons/16/invoicesw.png') no-repeat 18px center;}
#sidebar .menu .icon_db {background: url('../img/small_icons/16/dbw.png') no-repeat 18px center;}
#sidebar .menu .icon_users {background: url('../img/small_icons/16/userw.png') no-repeat 18px center;}
#sidebar .menu .icon_groups {background: url('../img/small_icons/16/groupw.png') no-repeat 18px center;}
#sidebar .menu .icon_settings {background: url('../img/small_icons/16/settingsw.png') no-repeat 18px center;}
#sidebar .menu .icon_messages {background: url('../img/small_icons/16/mailw.png') no-repeat 18px center;}
#sidebar .menu .icon_problems {background: url('../img/small_icons/16/problemw.png') no-repeat 18px center;}
#sidebar .menu .icon_categories {background: url('../img/small_icons/16/categoriesw.png') no-repeat 18px center;}
#sidebar .menu .icon_sub {background: url('../img/small_icons/16/subw.png') no-repeat 18px center;}
#sidebar .menu .icon_images {background: url('../img/small_icons/16/imagew.png') no-repeat 18px center;}
#sidebar .menu .icon_review {background: url('../img/small_icons/16/revieww.png') no-repeat 18px center;}
#sidebar .menu .icon_popular {background: url('../img/small_icons/16/popularw.png') no-repeat 18px center;}
#sidebar .menu .icon_support {background: url('../img/small_icons/16/supportw.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_pen, #sidebar .menu a:hover.icon_pen {background:#f3f5f5 url('../img/small_icons/16/pen.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_docs, #sidebar .menu a:hover.icon_docs {background:#f3f5f5 url('../img/small_icons/16/docs.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_invoices, #sidebar .menu a:hover.icon_invoices {background:#f3f5f5 url('../img/small_icons/16/invoices.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_db, #sidebar .menu a:hover.icon_db {background:#f3f5f5 url('../img/small_icons/16/db.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_users, #sidebar .menu a:hover.icon_users {background:#f3f5f5 url('../img/small_icons/16/user.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_groups, #sidebar .menu a:hover.icon_groups {background:#f3f5f5 url('../img/small_icons/16/group.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_settings, #sidebar .menu a:hover.icon_settings {background:#f3f5f5 url('../img/small_icons/16/settings.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_messages, #sidebar .menu a:hover.icon_messages {background:#f3f5f5 url('../img/small_icons/16/mail.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_problems, #sidebar .menu a:hover.icon_problems {background:#f3f5f5 url('../img/small_icons/16/problem.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_categories, #sidebar .menu a:hover.icon_categories {background:#f3f5f5 url('../img/small_icons/16/categories.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_sub, #sidebar .menu a:hover.icon_sub {background:#f3f5f5 url('../img/small_icons/16/sub.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_images, #sidebar .menu a:hover.icon_images {background:#f3f5f5 url('../img/small_icons/16/image.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_review, #sidebar .menu a:hover.icon_review {background:#f3f5f5 url('../img/small_icons/16/review.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_popular, #sidebar .menu a:hover.icon_popular {background:#f3f5f5 url('../img/small_icons/16/popular.png') no-repeat 18px center;}
#sidebar .menu a.selected.icon_support, #sidebar .menu a:hover.icon_support {background:#f3f5f5 url('../img/small_icons/16/support.png') no-repeat 18px center;}
#sidebar-layout.stub #sidebar .menu .title {visibility:hidden;}
#sidebar-layout div.dash_item {position:relative; width:536px; float:left; padding:0; margin:0 0 24px 24px; border-radius:3px; border:1px solid #e5e7e7; background-color:#FFF; overflow:hidden; box-shadow:none;}
#sidebar-layout .main-content-wide div.dash_item {width:736px;}
#sidebar-layout div.dash_item.first {margin-left:0;}
#sidebar-layout div.dash_item.narrow {width:348px;}
#sidebar-layout div.dash_item.wide {width:724px;}
#sidebar-layout div.dash_item.full {width:1100px;}
#sidebar-layout .main-content-wide div.dash_item.narrow {width:482px;}
#sidebar-layout .main-content-wide div.dash_item.wide {width:990px;}
#sidebar-layout .main-content-wide div.dash_item.full {width:1500px;}
#sidebar-layout div.dash_item div.content {padding:40px;}
#sidebar-layout div.dash_header {padding-left:24px;}
#sidebar-layout div.dash_item div.dash_header {height:56px; line-height:56px; background-color:#FFF; border-bottom:1px solid #ebeded; text-shadow:none; color:#5e5e5e; font-size:16px; border-radius:0;}
#sidebar-layout div.dash_item .icon_tie {background: url('../img/small_icons/16/tie.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .icon_pen {background: url('../img/small_icons/16/pen.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .icon_docs {background: url('../img/small_icons/16/docs.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .icon_invoices {background: url('../img/small_icons/16/invoices.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .icon_events {background: url('../img/small_icons/16/note.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .icon_sub {background: url('../img/small_icons/16/sub.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .icon_users {background: url('../img/small_icons/16/user.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_images {background: url('../img/small_icons/16/image.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_settings {background: url('../img/small_icons/16/settings.png') no-repeat 20px center; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_stats {background: url('../img/small_icons/16/stats.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_logs {background: url('../img/small_icons/16/pizza.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_support {background: url('../img/small_icons/16/support.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_ticket {background: url('../img/small_icons/16/ticket.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_trials {background: url('../img/small_icons/16/trial.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_school {background: url('../img/small_icons/16/school.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header.icon_categories {background: url('../img/small_icons/16/categories.png') no-repeat 20px 22px; padding-left:50px;}
#sidebar-layout div.dash_item .dash_header .button {margin:12px 0 0 12px;}
#sidebar-layout div.dash_item .dash_header .tab {display:block; float:left; height:24px; line-height:24px; padding:16px 20px; border-right:1px solid #ebeded;}
#sidebar-layout div.dash_item .dash_header .tab.first {border-left:1px solid #ebeded;}
#sidebar-layout div.dash_item .dash_header .tab.selected {background-color:#e7f4f9; color:#000;}
#sidebar-layout div.dash_item .dash_header .tab:hover, #sidebar-layout div.dash_item .dash_header .tab.drop:hover {background-color:#ebeded; color:#000;}
#sidebar-layout div.dash_item .dash_header .tab.drop {padding-right:45px; background:url('../img/dd.png') right 5px center no-repeat;}
#sidebar-layout div.dash_item .dash_header .title {float:left; padding-right:20px;}
#sidebar-layout div.dash_item .content .error_win {border:1px solid #DDD; padding:0; height:200px; overflow-y:scroll;}
#sidebar-layout div.dash_item .content #gen_err_log.error_win div {position:relative; padding:5px 5px 10px 45px;}
#sidebar-layout div.dash_item .content #gen_err_log.error_win div:hover {background-color:#e7f4f9;}
#sidebar-layout div.dash_item .content #acc_err_log.error_win {padding:10px;}
#sidebar-layout div.dash_item .content #acc_err_log.error_win div {min-height:16px;}
#sidebar-layout div.dash_item .content .error_win span {position:absolute; top:0; left:0; padding:5px;}
#sidebar-layout div.dash_item .content .error_win h2 {padding:20px;}


#money {float:left; border:1px solid #5f798a; border-radius:3px; background-color:#3BABC7;}
#money_stats {float:left; width:148px; height:260px; padding:20px 0 0 0; background-color:#4b6671; color:#FFF; text-align:center; font-size:12px; text-transform:uppercase;}
#money_stats .price {font-size:48px; margin:0;}
#money_stats span.l, #money_stats span.r {display:block; text-align:left; padding-top:4px;}
#money_stats span.l {float:left; width:40px; padding-left:20px;}
#money_stats span.r {float:left; width:80px;}
#money_graph {float:left; width:348px; height:260px; margin:10px; padding:0px; background-color:#3babc7; color:#FFF;}
#site_state {float:left; width:500px;}
#site_state .state-item {position:relative; width:208px; height:109px; float:left; padding:10px; margin:0 0 20px 20px; background-color:#65696a; border:1px solid #4e4e4e; border-radius:3px; text-align:center; color:#FFF; overflow:hidden;}
#site_state .state-item.last {margin-bottom:0;}
#site_state .state-item.orange {background-color:#ff9f3b; border:1px solid #d87a1e;}
#site_state .state-item.green {background-color:#7dc164; border:1px solid #648d87;}
#site_state .state-item a {color:#FFF;}
#site_state .state-item a:hover {color:#F5F5F5;}
#site_state .state-item .num {font-size:40px; padding:12px 0 8px 0; text-shadow: -1px -1px 1px rgba(20, 20, 20, 0.3);}
#site_state .state-item a {text-transform:uppercase; font-size:15px; text-shadow: -1px -1px 1px rgba(20, 20, 20, 0.3);}
#site_state .state-item .change {position:absolute; bottom:2px; right:6px; padding-top:10px; background-image:url('../img/stats_arrs.png'); background-repeat:no-repeat; text-shadow: -1px -1px 1px rgba(20, 20, 20, 0.3);}
#site_state .state-item .change.up {background-position:center 0;}
#site_state .state-item .change.down {background-position:center -90px;}

div.switchuser {position:absolute; top:0; right:0; margin:2px 3px 3px 3px;}
div.switchuser label {font-size:14px;}
div.switchuser form {font-size:0;}
div.switchuser select {margin:0 0 0 10px;}
div.otherPerspective {position:absolute; top:0; left:0; padding:10px; background-color:#ff0000; color:#fff;}

.attentionbox {padding:20px; margin-bottom:24px; background-color:#F2DEDE; border-color:#EED3D7; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.08), inset 0 -1px 0 rgba(0,0,0,0.25); line-height:18px; font-size:13px; color:#B94A48;}
.attentionbox label {margin-left:10px;}
div.note, label.note {display:none; height:18px; line-height:18px; margin:5px; padding:5px 10px 5px 30px; border-radius:5px; font-size:13px;}
.alert, #signin .alert {position:relative; padding:10px 14px; margin-bottom:24px; background-color:#F3F3F3; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,0.08), inset 0 -1px 0 rgba(0,0,0,0.25); line-height:18px; font-size:13px; color:#978B65;}
.normal, #tag_list div.new {background-color:#D9EDF7; border-color:#BCE8F1; color:#3A87AD;}
.normal.icon {background:#D9EDF7 url('../img/normal.png') 10px center no-repeat; padding-left:35px; border-color:#BCE8F1; color:#3A87AD;}
.danger, #signin .danger {background:#F2DEDE url('../img/danger.png') 10px center no-repeat; padding-left:35px; border-color:#EED3D7; color:#B94A48;}
.success, #tag_list div.valid {background-color:#DFF0D8; border-color:#D6E9C6; color:#468C47;}
.alert .close {line-height:14px; float:right; font-size:16px; font-weight:bold; text-shadow: 0 1px 0 #FFF; opacity:0.3; filter: alpha(opacity=30); cursor:pointer;}
.alert .close:hover {opacity:0.5; filter: alpha(opacity=50); color:#000;}

.disp_box {display:block; position:relative; float:left; width:260px; margin:0 33px 24px 0; padding:10px 10px; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 2px 4px rgba(0,0,0,0.08),inset 0 -1px 0 rgba(0,0,0,0.25); background-color:#F5F5F5; text-align:right; font-size:12px;}
.disp_box.last {margin-right:0;}
.disp_box div {position:absolute; top:3px; right:10px; padding:15px 10px;}
/*a.disp_box:hover {padding-top:8px; padding-bottom:12px;}*/
.disp_box img {float:left; position:relative; top:0px; margin-right:5px; height:80px; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -o-transition: top 0.3s ease; -ms-transition: top 0.3s ease; transition: top 0.3s ease;}
a.disp_box:hover img {top:-2px;}
.disp_box b {line-height:20px; font-size:20px; color:#000; display:block; margin:5px 0;}
.disp_box .red {color:#FF0000;}
.disp_box .green {color:#00FF00;}
.disp_box .blue {color:#0000FF;}
.disp_box span {line-height:14px; font-size:12px; color:#999; text-transform:uppercase;}

div#db_breadcrumbs {margin-bottom:24px;}
div#db_breadcrumbs a {color:#F2F2F2; text-shadow:0 1px 0 #000; opacity:0.7; filter:alpha(opacity=70); margin-right:6px;}
div#db_breadcrumbs a:hover {opacity:0.9; filter:alpha(opacity=90);}
div#db_breadcrumbs .icon_db {background:transparent url('../img/small_icons/16/dbw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_users {background:transparent url('../img/small_icons/16/userw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_groups {background:transparent url('../img/small_icons/16/groupw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_settings {background:transparent url('../img/small_icons/16/settingsw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_messages {background:transparent url('../img/small_icons/16/mailw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_problems {background:transparent url('../img/small_icons/16/problemw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_categories {background:transparent url('../img/small_icons/16/categoriesw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_sub {background:transparent url('../img/small_icons/16/subw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_images {background:transparent url('../img/small_icons/16/imagew.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_invoices {background:transparent url('../img/small_icons/16/invoicesw.png') no-repeat left center; padding-left:24px;}
div#db_breadcrumbs .icon_guides {background:transparent url('../img/small_icons/16/revieww.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs {padding:12px 24px 8px 24px; height:40px; line-height:40px; font-size:14px; color:#b8b8b8; background-color:#FFF; text-shadow:0 1px 0 #ccc; border-bottom:1px solid #ebeded;}
div#mgt_breadcrumbs a {color: #333; opacity:0.7; filter:alpha(opacity=70); margin-right:6px;}
div#mgt_breadcrumbs a:hover {opacity:0.9; filter:alpha(opacity=90);}
div#mgt_breadcrumbs .icon_db {background:transparent url('../img/small_icons/16/db.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_users {background:transparent url('../img/small_icons/16/user.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_groups {background:transparent url('../img/small_icons/16/group.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_settings {background:transparent url('../img/small_icons/16/settings.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_messages {background:transparent url('../img/small_icons/16/mail.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_problems {background:transparent url('../img/small_icons/16/problem.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_categories {background:transparent url('../img/small_icons/16/categories.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_sub {background:transparent url('../img/small_icons/16/sub.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_images {background:transparent url('../img/small_icons/16/image.png') no-repeat left center; padding-left:24px;}
div#mgt_breadcrumbs .icon_support {background:transparent url('../img/small_icons/16/support.png') no-repeat left center; padding-left:24px;}

div#div-cont-wide, div#div-cont {float:left; margin-right:30px;}
div#div-cont.last, div#div-cont-wide.last {margin-right:0;}
div.dash_item {position:relative; width:360px; padding:0; margin-bottom:24px; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 2px 4px rgba(0,0,0,0.08),inset 0 -1px 0 rgba(0,0,0,0.25); background-color:#F5F5F5; overflow:hidden;}
div.dash_item.wide {width:830px;}
div.dash_item.full {width:1220px;}
div.dash_item.white {background-color:#FFF;}
div.dash_item .dash_header, div#db_breadcrumbs {padding:0 15px; height:40px; line-height:40px; font-size:14px; color:#F2f2f2; background-color:#3A3A3A; text-shadow:0 1px 0 #000; border-radius:4px;}
div.dash_item .icon_tie {background:#3A3A3A url('../img/small_icons/16/tiew.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .icon_pen {background:#3A3A3A url('../img/small_icons/16/penw.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .icon_docs {background:#3A3A3A url('../img/small_icons/16/docsw.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .icon_invoices {background:#3A3A3A url('../img/small_icons/16/invoicesw.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .icon_events {background:#3A3A3A url('../img/small_icons/16/notew.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .icon_sub {background:#3A3A3A url('../img/small_icons/16/subw.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .icon_tut {background:#3A3A3A url('../img/small_icons/16/tutw.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .dash_header.icon_images {background:#3A3A3A url('../img/small_icons/16/imagew.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .dash_header.icon_settings {background:#3A3A3A url('../img/small_icons/16/settingsw.png') no-repeat 10px center; padding-left:34px;}
div.dash_item .content {padding:15px; position:relative;}
div.dash_item .event {margin:0 0 10px 5px; padding:10px 10px; background-color:#F3F3F3; color:#978B65; box-shadow:inset 0 1px 0 rgba(255,255,255,0.5), 2px 2px 4px rgba(0,0,0,0.18), inset 0 -1px 0 rgba(0,0,0,0.25); opacity:0.45; border-radius:3px;}
div.dash_item .event:hover {opacity:0.65;}
div.dash_item .event.new, .event.new:hover {margin-left:0; opacity:1.0;}
div.dash_item .event span {float:right; font-size:12px;}
div.dash_item .normal {background-color:#D9EDF7; color:#3A87AD;}
div.dash_item .high {background-color:#F2DEDE; color:#B94A48;}
div.dash_item .low {background-color:#DFF0D8; color:#468C47;}
div.dash_item .low {background-color:#FCF8E3; color:#C09853;}
div.dash_item .invoice {opacity:0.65;}
div.dash_item .invoice.new {opacity:1.0;}
div.dash_item .content .button {margin-right:0; margin-top:0;}
/*div.dash_item .content .button {display:block; text-align:left; margin-left:0; margin-right:0;}*/
div.dash_item #doc_cont_display .alert {margin:10px 0;}
div.dash_item .bc {margin-top:8px; background:#FFF url('../img/small_icons/16/rarrow.png') left 3px no-repeat; padding-left:16px; border:1px solid #FEFEFE; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
div.dash_item .bc a {margin-left:4px;}
div.dash_item .sheet_list  {margin:5px 0 15px 0; padding:0 5px 10px 5px; background-color:#FFF; border:1px solid #FEFEFE; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
div.dash_item .sheet_list .spacer {border-bottom:1px solid #CCC; margin:10px 0;}
div.dash_item .sheet_list .folder, div.dash_item .sheet_list .doc {display:block; margin-bottom:3px; padding:2px 10px 2px 26px; background-color:#FFF;}
div.dash_item .sheet_list .folder:hover, div.dash_item .sheet_list .doc:hover {background-color:#F5F5F5; color:#000;}
div.dash_item .sheet_list .folder {background:#FFF url('../img/small_icons/16/folder.png') left center no-repeat;}
div.dash_item .sheet_list .db_single_item_cont .edit, div.dash_item .sheet_list .db_single_item_cont .rename, div.dash_item .sheet_list .db_single_item_cont .delete, div.dash_item .sheet_list .db_single_item_cont .move {display:none; background-repeat:no-repeat; background-position:left center; padding-left:20px; margin-left:10px; color:#000; opacity:0.65;}
div.dash_item .sheet_list .db_single_item_cont .edit, div.dash_item .sheet_list .db_single_item_cont .move {margin-left:20px;}
div.dash_item .sheet_list .db_single_item_cont .edit:hover, div.dash_item .sheet_list .db_single_item_cont .rename:hover, div.dash_item .sheet_list .db_single_item_cont .delete:hover, div.dash_item .sheet_list .db_single_item_cont .move:hover {color:#000; opacity:1.0;}
div.dash_item .sheet_list .db_single_item_cont:hover .edit, div.dash_item .sheet_list .db_single_item_cont:hover .rename, div.dash_item .sheet_list .db_single_item_cont:hover .delete, div.dash_item .sheet_list .db_single_item_cont:hover .move {display:inline;}
div.dash_item .sheet_list.show_options .db_single_item_cont.doc:hover .edit, div.dash_item .sheet_list.show_options .db_single_item_cont.doc:hover .rename, div.dash_item .sheet_list.show_options .db_single_item_cont.doc:hover .delete, div.dash_item .sheet_list.show_options .db_single_item_cont.doc:hover .move {display:none;}
div.dash_item .sheet_list .db_single_item_cont .edit, div.dash_item .sheet_list .db_single_item_cont .rename {background-image:url('../img/small_icons/16/pen.png');}
div.dash_item .sheet_list .db_single_item_cont .delete {background-image:url('../img/small_icons/16/w.png');}
div.dash_item .sheet_list .db_single_item_cont .move {background-image:url('../img/small_icons/16/move.png');}
div.dash_item .sheet_list .doc {background:#FFF url('../img/small_icons/16/sheet.png') 24px center no-repeat; padding-left:0;}
div.dash_item .sheet_list .doc.draft {background-position: left center; padding-left:24px;}
div.dash_item .sheet_list .doc .c_cbox {margin-right:28px;}
div.dash_item .sheet_list .doc .rn_input {padding-left:44px;}
div.dash_item .sheet_list .details {float:right; font-size:12px;}
div.dash_item .sheet_list .details span {display:inline-block; width:100px; text-align:right;}
div.dash_item .content .status_block, div.dash_item .content .uinfo_block, div.dash_item .content .spsr_block, div.dash_item .content .payments_block, div.dash_item .content .prefs_block {margin:0 0 24px 0; background:#FFF; border:1px solid #CCC; padding:20px 20px;}
div.dash_item .content .status_block {width:300px; padding:20px 40px; margin-left:20px; border-radius:0 5px 5px 0; text-align:center;}
div.dash_item .content .uinfo_block {width:340px; height:200px; border-radius:5px 0 0 5px;}
div.dash_item .content .payments_block {width:340px; height:200px; margin-left:20px;}
div.dash_item .content .prefs_block {width:1140px;}
div.dash_item .content .spsr_block {position:relative; width:300px; margin-left:20px; padding:20px 40px; border:1px solid #CCC; border-radius:5px;}
div.dash_item .content .status_block h1 {margin-bottom:0;}
div.dash_item .content .uinfo_block h2 {margin-top:0;}
div.dash_item .content .status_block h4 {margin:5px 0 10px 5px;}
div.dash_item .content .status_block .button.large {margin:15px 0 0 0;	}
div.dash_item .content .spsr_block .uparrow {display:block; position:absolute; top:-21px; left:140px; width:100px; height:21px; margin:0; background:transparent url('../img/uparrow_o.png') center bottom no-repeat;}
div.dash_item.wide .content div.overlay {top:40px; left:75px; z-index:20;}
div.dash_item.full .content div.overlay {position:absolute; top:40px; left:250px; z-index:20;}
div.dash_item.wide .content div.narrow-cont {width:600px; padding:5px; text-align:left; background-color:#FEFEFE; border:1px solid #ccc;}
div.dash_item.full .content div.narrow-cont {width:600px; padding:5px; text-align:left; background-color:#FEFEFE; border:1px solid #ccc;}
div.dash_item .content div.narrow-form-cont div.invoice-list-view {height:140px; overflow:auto; border:1px solid #CCC;}
div.dash_item .content div.narrow-form-cont div.invoice-list-view div {border-bottom:1px solid #DEDEDE; margin-bottom:5px; padding:10px;}
div.dash_item .content div.narrow-form-cont {width:420px; padding:20px 90px;}

div.dash_item .sheet_list .folder.deleting, div.dash_item .sheet_list .doc.deleting {background:#F5F5F5 url('../img/miniload.gif') left center no-repeat; padding-left:26px; color:#CCC;}
div.dash_item .sheet_list .folder.deleting a, div.dash_item .sheet_list .doc.deleting a {color:#CCC;}
div.dash_item .sheet_list .folder.deleting .edit, div.dash_item .sheet_list .folder.deleting .rename, div.dash_item .sheet_list .folder.deleting .delete, div.dash_item .sheet_list .folder.deleting .move, div.dash_item .sheet_list .doc.deleting .edit, div.dash_item .sheet_list .doc.deleting .rename, div.dash_item .sheet_list .doc.deleting .delete, div.dash_item .sheet_list .doc.deleting .move, div.dash_item .sheet_list .doc.deleting label {display:none;}

div.dash_item .sheet_list .doc_options {position:relative; top:0; left:-10px; display:none; padding:5px 10px; margin-bottom:10px; background-color:#e7f4f9;}
div.dash_item .sheet_list .doc_options a.delete, div.dash_item .sheet_list .doc_options a.move {display:inline; margin-left:20px;}

div.block_tip {width:180px; padding:10px 4px 10px 30px; background:#000 url('../img/tt.png') 6px 10px no-repeat; background-color:rgba(0,0,0,0.75); border:1px solid #CCC; border-radius:5px; color:#FFF; font-size:13px;}
div.block_tip.wide {width:auto; padding:10px 15px 15px 35px;}

.listing a {display:block; padding:5px;}
.listing a.hidden {display:none;}
.listing .icon_user {background:transparent url('../img/small_icons/16/user.png') no-repeat left center; padding-left:24px;}
.listing .icon_settings {background:transparent url('../img/small_icons/16/settings.png') no-repeat left center; padding-left:24px;}
.listing .icon_group {background:transparent url('../img/small_icons/16/group.png') no-repeat left center; padding-left:24px;}
.listing .icon_problem {background:transparent url('../img/small_icons/16/problem.png') no-repeat left center; padding-left:24px;}
.listing .icon_review {background:transparent url('../img/small_icons/16/review.png') no-repeat left center; padding-left:24px;}
.listing .icon_popular {background:transparent url('../img/small_icons/16/popular.png') no-repeat left center; padding-left:24px;}
.listing .icon_categories {background:transparent url('../img/small_icons/16/categories.png') no-repeat left center; padding-left:24px;}
.listing .icon_images {background:transparent url('../img/small_icons/16/image.png') no-repeat left center; padding-left:24px;}
.listing .icon_guides {background:transparent url('../img/small_icons/16/review.png') no-repeat left center; padding-left:24px;}

.groupblock {float:left; width:202px; height:80px; margin:0 16px 24px 0; padding:10px 10px 10px 20px; border-left:8px solid #000; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 2px 4px rgba(0,0,0,0.08),inset 0 -1px 0 rgba(0,0,0,0.25); background-color:#F5F5F5; overflow:hidden;}
.groupblock.last {margin-right:0;}
.groupblock div {min-height:18px; width:auto;}
.groupblock div b {height:62px; font-size:16px; vertical-align:-42px; white-space:nowrap;}
.groupblock.c0 {border-color: #ff4242;}
.groupblock.c1 {border-color: #00a2e6;}
.groupblock.c2 {border-color: #B3CC57;}
.groupblock.c3 {border-color: #0abfbc;}
.groupblock.c4 {border-color: #fcd036;}

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

/* Image Storage */

.dbimageblock {float:left; width:220px; height:270px; margin:0 20px 24px 0; padding:10px; border-top:8px solid #000; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 2px 4px rgba(0,0,0,0.08),inset 0 -1px 0 rgba(0,0,0,0.25); background-color:#F5F5F5; overflow:hidden;}
.dbimageblock.last {margin-right:0;}
.dbimageblock div.image {width:218px; height:200px; overflow:hidden; padding:0; border:1px solid #000; margin:5px 0; background:#FFF;}
.dbimageblock div img {width:218px;}

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

/* Buttons */
a.rbutton, input.rbutton, div.rbutton {color:#777; display:inline-block; min-width:60px; text-align:center; height:32px; line-height:32px; font-size: 14px; font-weight: normal; outline: 0px none; margin:6px; padding:0 14px; border-radius:3px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color:#F5F5F5; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
a.button, input.button, div.button {color:#777; display:inline-block; min-width:80px; text-align:center; height:32px; line-height:30px; font-size: 14px; font-weight: normal; outline: 0px none; margin:6px; padding:0 14px; border:1px solid transparent; border-radius:0; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color:#F5F5F5; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
input.button {box-sizing:content-box;}
a.button.hidden, input.button.hidden, div.button.hidden {display:none;}
a.button.border, div.button.border, input.button.border {border:1px solid #CCC;}
a.button:not(.disabled):hover, input.button:not(.disabled):hover, div.button:not(.disabled):hover {background-color:#FFF;}
a.button.large, input.button.large, div.button.large {min-width:150px; height:46px; line-height:46px; font-size: 20px; font-weight: normal; outline: 0px none; margin:10px; padding:0 20px;}
a.button.mega, input.button.mega, div.button.mega {min-width:250px; height:86px; line-height:86px; font-size: 26px; font-weight: normal; outline: 0px none; margin:10px 100px 10px 0; padding:0 20px;}
a.button.mega:active, input.button.mega:active, div.button.mega:active {position:relative; top:-1px; left:0;}
a.button.small, input.button.small, div.button.small {min-width:20px; height:20px; line-height:18px; font-size: 13px; font-weight: normal; outline: 0px none; margin:0px; padding:1px 6px;}
a.button.blue, input.button.blue, div.button.blue {color:#FAFAFA; background-color:#0092ff;}
a.button.blue:not(.disabled):hover, input.button.blue:not(.disabled):hover, div.button.blue:not(.disabled):hover {background-color: rgba(0, 146, 255, 0.7);}
a.button.red, input.button.red, div.button.red {color:#FAFAFA; background-color:#EE393E;}
a.button.red:not(.disabled):hover, input.button.red:not(.disabled):hover, div.button.red:not(.disabled):hover {background-color: rgba(238, 57, 63, 0.7);}
a.rbutton.lblue, input.rbutton.lblue, div.rbutton.lblue {color:#FFF; background:#50b1ff;}
a.button.last {margin-right:0;}
.disabled {opacity:0.5;}
input.loadicon, input[type=button].loadicon, input[type=submit].loadicon, a.loadicon, input.autoloadicon:active {background-image:url('../img/miniload2.gif'); background-position: right center; background-repeat:no-repeat; padding-right:30px; opacity:0.65; filter:alpha(opacity=65);}
a.button.fav {background-image: url('../img/small_icons/16/favw.png');}
a.button.unfav {background-image: url('../img/small_icons/16/fav.png');}
a.button.fav, a.button.unfav {background-position: 2px center; background-repeat: no-repeat; padding-left:24px;}
.bttn_label {display:inline-block; min-width:80px; height:32px; line-height:32px; margin:6px 0; padding:0 14px; border-radius:8px 0 0 8px; background-color:#F5F5F5; border:1px solid #CCC; color:#777;}
.bttn_label label {margin-right:10px;}

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

div.loading {height:50px; background:transparent url('../img/load_dark.gif') no-repeat center center;}
div.loading.white {height:50px; background:transparent url('../img/load.gif') no-repeat center center;}

div.simple-cont {padding:10px; text-align:left; overflow:hidden;}
div.simple-cont h2 {margin-left:20px;}
div.simple-cont p {padding:10px 10px 20px 20px;}
div.form-cont {padding:20px; text-align:center;}
div.form-cont h3, div.form-cont .info-title {text-align:left;}
div.form-cont form, div.form-cont.tleft {text-align:left;}
div.form-cont, div.simple-cont {margin-bottom:24px; background:#F5F5F5; border:1px solid #ccc; border-radius:3px; box-shadow:0px 3px 3px rgba(0,0,0,0.2);}
div.form-cont.white, div.simple-cont.white {background:#FFFFFF;}
div.form-cont.dark, div.simple-cont.dark {background:#3A3A3A;}
div.form-cont.dull, div.simple-cont.dull {background:#F6F9FC;}
div.form-cont div.narrow-form-cont {display:inline-block; width:400px; text-align:left; padding:20px 100px; background-color:#FEFEFE; border:1px solid #ccc;}
div.form-cont div.avg-form-cont {position:relative; display:inline-block; width:500px; text-align:left; padding:20px 50px; background-color:#FFF; border:1px solid #ccc;}
div.form-cont div.wide-form-cont {position:relative; display:inline-block; width:600px; text-align:left; padding:20px 50px; background-color:#FEFEFE; border:1px solid #ccc;}
div.form-cont div.wide-form-cont.b_p_ext {padding-bottom:100px;}
div.form-cont div.wide-form-cont.t_p_ext {padding-top:30px;}
div.form-cont textarea {width:100%; height:200px;}
div.form-cont textarea.small {width:60%; height:120px;}
div.form-cont textarea.really_small {width:40%; height:65px;}
div.form-cont .top_bar {position:absolute; top:0; left:0; width:100%; height:6px; border-top:1px solid #e66a6b; border-bottom:1px solid #de3e3f; background-color:#E21E1F;}
div.form-cont .bttm_extra_sect {position:absolute; bottom:0; left:0; width:100%; height:76px; background-color:#F3F5FA; border-top:1px solid #D9DDE5;}
div.form-cont .bttm_extra_sect > div {height:46px; padding:15px 50px; text-align:right;}
div.form-cont .bttm_extra_sect input {max-height:46px; margin:0;}
div.form-cont .bttm_extra_sect span {display:block; margin-top:4px;}
div.simple-cont table, div.dash_item table {width:100%; border-collapse:collapse;}
div.simple-cont table tr, div.dash_item table tr {margin:0; border-bottom:1px solid #b3d1e3;}
div.simple-cont table tr:nth-child(odd), div.dash_item table tr:nth-child(odd) {background-color: #FFF;}
div.simple-cont table th, div.dash_item table th {font-weight:bold; padding:8px 10px; text-align:left; vertical-align:middle; background-color:#75b1e3; color:#FFF;}
div.simple-cont table.thin th, div.dash_item table.thin th {padding:2px 5px; font-weight:normal;}
div.simple-cont table td, div.dash_item table td {padding:10px 10px; text-align:left; vertical-align:top;}
div.simple-cont table .tcenter, div.dash_item table .tcenter {text-align:center; vertical-align:middle;}
div.simple-cont table .tright, div.dash_item table .tright {text-align:right; vertical-align:middle;}
div.simple-cont table .valign, div.dash_item table .valign {vertical-align:top;}
div.dash_item table tr.claimed {background-color: #d1ffe2;}
div.dash_item table td .claimed {width:65px; height:23px; background:url('../img/fake_check_sheet.png') no-repeat 21px -100px;}
div.dash_item table td .inline_note {margin:0;}
div.form-extra-info {padding:10px 15px; margin:20px 0 10px 0; background-color:#e7f2fb; border:1px solid #BDEDFF; border-radius:4px;}
div.form-extra-info h4 {margin:0;}
div.form-extra-info p {margin:0; padding:5px 0 0 0;}

div.left-bar-1 {width:100%;}
div.left-bar-1-2 {width:50%; float:left;}
div.left-bar-3-4 {width:75%; float:left;}
div.right-bar-1-4 {width:25%; float:left;}
div.right-bar-1-2 {width:50%; float:left;}
div.left-bar-1-3 {width:33%; float:left;}
div.left-bar-2-3 {width:66%; float:left;}
div.right-bar-1-3 {width:33%; float:left;}
.left-bar-1 > div, .left-bar-3-4 > div, .right-bar-1-4 > div, .left-bar-1-2 > div, .right-bar-1-2 > div, .left-bar-1-3 > div, .left-bar-2-3 > div, .right-bar-1-3 > div {padding:25px 45px 35px 45px;}
.left-bar-1 > div.thin, .left-bar-3-4 > div.thin, .right-bar-1-4 > div.thin, .left-bar-1-2 > div.thin, .right-bar-1-2 > div.thin, .left-bar-1-3 > div.thin, .left-bar-2-3 > div.thin, .right-bar-1-3 > div.thin {padding:25px 10px 35px 10px;}
.left-bar-1.light, .left-bar-3-4.light, .right-bar-1-4.light, .left-bar-1-2.light, .right-bar-1-2.light {background-color:#FFF;}
.left-bar-1.mid, .left-bar-3-4.mid, .right-bar-1-4.mid, .left-bar-1-2.mid, .right-bar-1-2.mid {background-color:#F5F7F8;}
.left-bar-1.dark, .left-bar-3-4.dark, .right-bar-1-4.dark, .left-bar-1-2.dark, .right-bar-1-2.dark {background-color:#999;}
.left-bar-1.dull, .left-bar-3-4.dull, .right-bar-1-4.dull, .left-bar-1-2.dull, .right-bar-1-2.dull {background-color:#F6F9FC;}
div.sidebar {box-shadow:3px 3px 3px rgba(0,0,0, 0.3);}
div.question {padding:5px; margin-bottom:10px;}
div.question span.title {display:block; padding-bottom:2px; font-weight:bold;}

.info-title {border-top:2px solid #EEE; border-bottom:1px solid #EEE; padding:10px 0; font-size:14px; font-weight:bold; margin:20px 0; color:#555759;}
.info-title:first-child {margin-top:0;}
.info-title.support {background:transparent url('../img/small_icons/32/support.png') left center no-repeat; padding-left:45px;}
.info-title.ticket {background:transparent url('../img/small_icons/32/ticket.png') left center no-repeat; padding-left:45px;}
.info-title.ticket-flat {background:transparent url('../img/small_icons/32/ticket2.png') left center no-repeat; padding-left:45px;}
.info-title.chat {background:transparent url('../img/chat.png') left center no-repeat; padding-left:45px;}
.info-title.message {background:transparent url('../img/small_icons/32/mail.png') left center no-repeat; padding-left:45px;}
.info-title img {margin:0 0 5px 5px; vertical-align:middle;}
.info-title .note {margin-left:5px; background:#75b1e3; color:#FFF; padding:1px 8px; border-radius:3px; font-size:12px; font-weight:bold;}
.info-title.questions, h3.questions {background:transparent url('../img/q.png') left center no-repeat; padding-left:45px;}
.info-title.acc_setup, h3.acc_setup {background:transparent url('../img/as.png') left center no-repeat; padding-left:45px;}
.info-title.po, h3.po {background:transparent url('../img/small_icons/32/po.png') left center no-repeat; padding-left:45px;}
h3.po {padding-top:5px; padding-bottom:8px;}
.info-title.sub, h3.sub {background:transparent url('../img/sub.png') left center no-repeat; padding-left:45px;}
h3.edit {background:transparent url('../img/small_icons/32/edit.png') left center no-repeat; padding:10px 0 10px 45px;}
h2.icon {padding:10px;}
h2.education {background:transparent url('../img/edu.png') left center no-repeat; padding:12px 10px 12px 77px;}

form.full-width .input-wrap {padding:3px; border:1px solid #CCC; border-radius:4px; margin-bottom:5px;}
form.full-width .input-wrap > div {background-color:#FFF;}
form.full-width .input-wrap label {display:block; float:left; height:30px; padding:5px 5px 5px 20px; line-height:30px;}
form.full-width .input-wrap input, form.full-width .input-wrap .input {border:0; box-shadow:none; -webkit-box-shadow:none; height:30px; margin:0; padding:5px; font-size:16px;}
form.full-width .input-wrap .input {display:inline-block; padding-top:7px;}
form.full-width .input-wrap textarea {margin:0; width:100%; padding:10px; vertical-align:bottom; overflow:auto; resize:none;  border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.input-wrap input:focus, .input-wrap textarea:focus {outline:0; -webkit-box-shadow:none; box-shadow:none;}

form.standard {}
form.standard label {display:block; margin-top:15px; text-transform:uppercase; font-family:Arial; font-weight:bold; font-size:12px;}
form.standard label.lcase {text-transform:none;}
form.standard label.inline {display:inline;}
form.standard input.narrow {width:40px;}
form.standard input.wide {width:200px;}
form.standard a.indent, form.standard label.indent, form.standard div.indent {margin-left:15px;}
form.standard span.indent {padding-left:10px;}

.cntrd_ovr_form {display:none; position:fixed; width:100%; height:100%; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5);}
.cntrd_ovr_form .outer_cont {position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; margin:auto;  background:#FFF; padding:3px; border-radius:4px; border:1px solid #CCC;}
.cntrd_ovr_form .inner_cont {padding:20px; border-radius:4px; border:1px solid #CCC;}
.cntrd_ovr_form.trial_email .outer_cont {width:640px; height:478px;}
.cntrd_ovr_form.show {display:block;}

.trial_email #trial_email_input {height:200px;}

/* Support */
.support-form {}
.support-form input[type=text] {width:360px;}
.support-form textarea {height:200px; border:0;}
.simple-cont > .pagination {margin-top:10px;}
.inline_note, a.inline_note, span.inline_note {margin-left:5px; background:#75b1e3; color:#FFF; padding:1px 7px 1px 6px; border-radius:3px; font-size:12px; font-weight:bold;}
.inline_note.red, a.inline_note.red, span.inline_note.red {background:#E21E1F; color:#FFF;}
.ticket_subject.new {font-weight:bold;}
.ticket_message {display:none;}
.block_message {width:700px; min-height:50px; padding:8px; margin:5px; background: url('../img/openquote.png') no-repeat top left; text-indent: 23px;}
.block_message span {padding-right:30px; background: url('../img/closequote.png') no-repeat bottom right; font-size:14px;}
.block_message.light {background-image:url('../img/openquote_light.png');}
.block_message.light span {background-image:url('../img/closequote_light.png');}
.ticket_reply_cont {}
.ticket_reply_cont .reply_form {display:none; padding:10px;}
.ticket_reply_cont .reply_form textarea {display:block; width:100%; height:100px; padding:10px;}
.ticket_replies {display:none; max-height:500px; overflow-y:auto;}
.ticket_replies .reply {margin-bottom:5px; padding:5px;}
.ticket_replies .reply.new {background-color:#daf3ff; border-radius:5px 0 0 5px;}
.ticket_replies .reply .info span {display:inline-block; vertical-align:middle;}
.ticket_replies .reply .name {font-weight:bold;}
.ticket_replies .reply .inline_note {margin-left:10px;}
.ticket_replies .reply .date {margin-left:15px;}
.ticket_replies .reply .block_message {}

.ticket_view_cont {margin:75px auto; width:800px; background:#FFF; padding:3px; border-radius:4px; border:1px solid #CCC;}
.ticket_view_cont .ticket_inner_cont {max-height:525px; overflow-y:auto; padding:20px; border-radius:4px; border:1px solid #CCC;}
.ticket_view_cont #ticket_view {padding:20px; min-height:400px;}
.ticket_view_cont #ticket_view .tk_info .bttn_label {margin:0;}
.ticket_view_cont #ticket_view .tk_info .button {margin:0 6px 0 6px;}
.ticket_view_cont #ticket_view .userinfo {font-weight:bold;}
.ticket_view_cont #ticket_view div.date {margin-bottom:20px;}
.ticket_view_cont #ticket_view .ticket_reply_cont .ticket_replies {display:block; height:auto; overflow-y:visible;}
.ticket_replies .loading, .ticket_view_cont #ticket_view .loading {display:block; height:50px; background:transparent url('../img/load.gif') no-repeat center center;}
/**********************************/

/* Group styling */
.sectional {background-color:#F5F5F5; padding:10px; margin-bottom:24px; border-radius:3px;}
.sectional .header {display:block; border-bottom:1px solid #D5D5D5; margin-bottom:10px;}
.sectional .permission {float:left; padding:5px 15px 5px 5px; font-size:12px; height:22px; line-height:16px; margin:5px; cursor:pointer;}
.sectional .permission label, .sectional .permission input {cursor:pointer;}
.sectional .greenbg, .greenbg {background-color:#DFF0D8; color:#468C47;}
.sectional .greybg, .greybg {background-color:#DDD;}
/**********************************/

/* Search Styling */
.search_options {background-color:#FFF; padding:5px 12px; margin-bottom:24px; border-radius:3px;}
.search_options label {font-size:14px;}
.search_options input.button {margin-left:5px;}
.search_options input.small.button {border-radius:3px; box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
/**********************************/

/* Users Styling */
.userblockheader, .userblock {background-color:#FFF; padding:5px 12px; border-radius:3px;}
.userblockheader { margin-bottom:10px;}
.userblock { margin-bottom:5px;}
.userblockheader div, .userblock div {display:inline-block; vertical-align:middle;}
.userOptions {width:auto; padding:5px; border:1px solid #CCC;}
.userOptions .button {margin-right:5px;}
/**********************************/

/* Categories Styling */
/*
.catblockheader, .catblock {background-color:#FFF; padding:5px 12px; border-radius:3px;}
.catblockheader { margin-bottom:10px;}
.catblock { margin-bottom:5px;}
.catblockheader div, .catblock div {display:inline-block;}
*/
/* Category Dependency list overlay */
#dependency_list {width:580px; height:600px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:20px;}
#dependency_list h3 {margin-bottom:18px; padding:5px 0 5px 5px;}
#dependency_list > div {padding:5px 0 10px 5px; font-size:14px;}
#dependency_list div#storage_scroll_cont {height:520px; border:1px solid #CCC; margin-bottom:10px; overflow-y:auto; overflow-x:hidden;}
#dependency_list div#storage_scroll_cont div.item {position:relative; height:24px; overflow:hidden; margin:0 5px 5px 0; padding:5px; border:1px solid #FFF; border-radius:4px;}
#dependency_list div#storage_scroll_cont div.item.selected {background-color:#0092ff; color:#FFF;}
#dependency_list div#storage_scroll_cont div.item label {display:block; margin-bottom:5px; overflow:hidden; font-weight:bold;}
#dependency_list div#storage_scroll_cont div.item a.button {position:absolute; top:5px; right:5px; width:12px; height:20px; min-width:12px;}
#dependency_list div#storage_scroll_cont div.chdlr {padding-left:15px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
#dep_list {padding:5px;}
#dep_list label {display:inline-block; margin:0 5px 5px 0; padding:4px 8px; background-color:#75b1e3; border-radius:3px; color:#FFF;}
/**********************************/

/* Problems Styling */
.problem-list-block-header, .problem-list-block {background-color:#FFF; padding:5px 12px; border-radius:3px;}
.problem-list-block-header { margin-bottom:10px;}
.problem-list-block { margin-bottom:5px;}
.problem-list-block-header > div, .problem-list-block > div {display:inline-block;}
/**********************************/

/* Vocabulary Manlist Styling */
.vocab-list-block-header, .vocab-list-block {background-color:#FFF; padding:5px 12px; border-radius:3px;}
.vocab-list-block-header { margin-bottom:10px;}
.vocab-list-block { margin-bottom:5px;}
.vocab-list-block-header > div, .vocab-list-block > div {display:inline-block;}
/**********************************/

/* Trial Apps Manlist Styling */
.trialapps-list-block-header, .trialapps-list-block {background-color:#FFF; padding:5px 12px; border-radius:3px;}
.trialapps-list-block-header { margin-bottom:10px;}
.trialapps-list-block { margin-bottom:5px;}
.trialapps-list-block-header > div, .trialapps-list-block > div {display:inline-block;}
/**********************************/

/* Feature Guides Manlist Styling */
.guide-list-block-header, .guide-list-block {background-color:#FFF; padding:5px 12px; border-radius:3px;}
.guide-list-block-header {margin-bottom:10px;}
.guide-list-block {margin-bottom:5px;}
.guide-list-block-header > div, .guide-list-block > div {display:inline-block;}
/**********************************/

/* Pagination */
.pagination {text-align:right;}
.pagination.dark {background:#3A3A3A;}
.pagination .button.small {display:block; float:left; min-width:12px; margin-left:2px;}
.pagination .button.highlight {background:#FFF;}
/**********************************/

/* Messages */
div#messages_outer, div#newmessage_outer, div#message_outer {margin:0; padding:0;}
div#newmessage_outer, div#message_outer {background-color:#FFF; margin-top:5px;}
div#newmessage_outer textarea {width:500px; height:200px;}
div#messages_outer {min-height:400px; overflow-y:auto;}
div#message_outer {min-height:400px; padding:10px;}
div#message_outer {color:#555;}
div#message_outer div.address {display:inline-block; color:#777; margin:0 10px 0 20px;}
div#message_outer a.reply, div#message_outer a.delete {display:inline-block; border:1px solid #ccc; background-color:#fff; padding:3px 8px; border-radius:5px;}
div#message_outer div.date {color:#777; margin:5px 0 0 20px;}
div#message_outer div.message {min-height:250px; border-left:3px solid rgba(121,122,219,0.5); margin:0; padding:15px; border-radius:5px;}
div#message_outer div.message blockquote {margin-left:50px;}
.box_sel {float:left; width:200px; padding:10px;}
.box_sel .button {display:block; width:auto; text-align:left;}
.box_sel .button.selected {border-left:5px solid red;}
.message_cont {float:left; width:835px; padding:10px;}
.messages_options {width:auto; margin-bottom:10px; border:0;}
.messages_options a.button {margin-right:5px; padding:3px 8px;}
.messagesblockheader {width:auto; padding:5px 8px 3px 8px; margin:0; background-color:#fff; margin-bottom:2px; border-left:3px solid #FFF;}
div.messagesblockheader div, div.messageblock div {display:inline-block; overflow:hidden;}
div.messageblock {width:auto; padding:8px; background-color:#fff; margin-bottom:2px; border-left:3px solid #FFF;}
div.unread {color:#000480; background-color:#f0f0f0; border-color:#81ACF0;}
div.checkselected {background-color:#FFC9C7; border-color:#FFC9C7;}
div.messageblock:hover {border-left:3px solid #FF0000;}
input.c_cbox {display:none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
input.c_cbox + label span {display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('../img/check_radio_sheet2.png') left top no-repeat; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor:pointer;}
input.c_cbox:checked + label span {background:url('../img/check_radio_sheet2.png') -19px top no-repeat;}
form.newmessage {padding:20px; border-radius:0 3px 3px 3px;}
form.newmessage h2 {font-size:18px;}
/**********************************/

/* Problems */
.math_font {font-family: MathJax_Main;}
.cat_blocks {margin-left:255px; min-height:265px;}
.cat_blocks td {padding:20px; text-align:left; vertical-align:top;}
.cat_blocks td.noborder {border:0;}
.cat_blocks td select {margin:5px 0 10px 25px;}
.cat_blocks #cat_description {min-height:50px; width:700px;}
.cat_blocks .cat_collection > div {display:table-cell; min-width:120px; padding:0 20px; border-left:1px solid #777;}
.cat_blocks .cat_collection > div.hidden {display:none;}
.cat_blocks .types {display:table-cell; min-width:120px; padding:0 20px;}
.cat_blocks .types.hidden {display:none;}
.cat_blocks .types label {display:block; padding:2px; font-size:12px;}
.cat_blocks .types label.hidden {display:none;}
.cat_blocks .types div {padding-left:20px;}
.cat_blocks .types label.no-select, .cat_blocks td.types input {cursor:pointer;}
.cat_blocks .short_cont {height:20px; padding-left:10px;}
.cat_blocks .dd_cont {position:relative; margin-bottom:10px;}
.cat_blocks .dd_cont div {height:1px; padding:0 36px 0 10px; overflow:hidden; opacity:0.0; white-space:nowrap;}
.cat_blocks div.select_im_selected {padding:2px 36px 2px 8px; border:1px solid #CCC; background: #FFFFFF url('../img/dd.png') no-repeat right center; cursor:pointer;}
.cat_blocks ul {display:none; position:absolute; top:0; left:0; padding:0; margin:0; cursor:pointer;}
.cat_blocks ul li {display:block; width:auto; height:20px; padding:3px 8px; border:1px solid #CCC; border-top:0; background-color:#FFF; white-space:nowrap;}
.cat_blocks ul li.hidden {display:none;}
.cat_blocks ul li:hover, .cat_blocks ul li.selected:hover {background-color:#F90; color:#FFF;}
.cat_blocks ul li.selected {background-color: #ffeec6;}
.p_form_block {margin:10px 5px 0 0; padding:25px 10px; float:left; text-align:left;}
.p_form_block input[type=file] {width:220px;}
.p_input_options {width:250px; padding:5px 5px; min-height:1200px;}
.p_input_options .button {width:210px;}
.p_input_options div#db_image_load {display:block; padding:6px 0 0 30px;}
.p_input_options div#db_image_load  a {color:#FF0000;}
.prob_preview {position:relative; min-height:450px; padding:5px; background-color:#FFF; border:1px solid #ccc;}
.prob_preview div {word-wrap:break-word;}
.prob_preview #multi_choice_prev_que, .prob_preview #open_end_prev_que {white-space:pre-wrap;}
.tag_options {display:table-cell; padding:0 10px;}
#tag_list {display:table-cell; width:870px; padding:5px 20px;}
#tag_list div {display:inline-block; margin:0 5px 5px 0;  background-color:#EEE; border:1px solid #999; border-radius:5px; overflow:hidden;}
#tag_list div span {display:inline-block; padding:5px 10px;}

#multi_choice_preview, #open_end_preview {position:relative;}
#multi_choice_preview > label, #open_end_preview > label {display:block; height:24px; overflow:hidden;}
#multi_choice_preview .prob_num, #open_end_preview .prob_num {position:absolute; top:29px; left:5px; width:40px; font-size:16px;}
.prob_preview #multi_choice_prev_que, .prob_preview #open_end_prev_que {font-size:16px; font-weight:normal;}
.prob_preview #multi_choice_prev_que, .prob_preview #open_end_prev_que {padding-left:22px;}
.prob_preview #multi_choice_prev_ans, .prob_preview #open_end_prev_ans {margin-top:5px;}
.prob_preview .multi_choice_prob_answer {position:relative; min-height:35px;}
.prob_preview .multi_choice_prob_answer label {position:absolute; top:0; left:10px; font-size:18px; font-weight:normal; text-align:center; width:24px; padding-left:4px; border:3px solid transparent; border-radius:12px; overflow:hidden; white-space:nowrap;}
/*.prob_preview .mc_answer_block .letter div {width:18px; padding-left:2px; border:2px solid transparent; border-radius:12px; overflow:hidden; white-space:nowrap;}

.prob_preview .mc_answer_block .correct .answer {font-weight:bold;}
.prob_preview .mc_answer_block .correct .letter div {border:2px solid #FF0000; border-radius:12px;}
*/
.prob_preview .multi_choice_prob_answer > div {font-size:16px; font-weight:normal; padding:4px 0 0 50px;}
.prob_preview .multi_choice_prob_answer.img_answer {display:inline-block; width:50%;}
.prob_preview #open_end_prev_ans {font-size:16px; font-weight:bold; padding:4px 0 0 24px;}

.prob_preview img {margin:0 auto 18px auto;}

.prob_multi_cont {}
.prob_nav {}
.prob_nav div {display:inline-block; padding:5px 10px; border-top:3px solid transparent; border-right:1px solid #CCC; border-bottom:1px solid #CCC; cursor:pointer;}
.prob_nav div:hover {border-top:3px solid #F2DEDE;}
.prob_nav div.selected {border-top:3px solid #FF0000;}
.prob_nav div input {margin:0 5px 0 0; cursor:pointer;}
.prob_nav div label {cursor:pointer;}
.prob_definition {position:relative; padding:10px 20px 20px 20px; overflow:hidden; background-color:#DFF0D8;}
.prob_definition.disabled {background-color:#DDD;}
.prob_definition .prob_input_options {height: 24px; padding-bottom:5px;}
.prob_definition .overlay {position:absolute; top:0; left:0; width:1000px; height:10000px;}
div.form-cont .prob_definition textarea {width:630px; height:120px; border:1px solid #999; border-bottom:1px dashed #999; padding:10px;}
div.form-cont .prob_definition textarea.prob_ans_input {height:75px; border-bottom:1px solid #999; border-top:1px dashed #999;}
.multi_choice_form {width:630px; min-height:200px; border:1px solid #999; border-top:1px dashed #999; margin-top:1px; padding:10px; background-color:#FFF;}
.prob_type, .prob_prev_label {display:block; margin-bottom:10px; border-bottom:1px solid #ccc;}
.p_answer_choice {display:inline-block; margin-bottom:10px; padding:2px 10px; background-color:#DFF0D8; border-radius:10px;}
.p_answer_choice label {display:inline-block; width:15px; margin-right:5px;}
.p_answer_choice input[type=text] {width:300px; background:transparent; border:0; border-radius:0; box-shadow:none; padding:2px 5px;}
.p_answer_choice input[type=text]:focus {border:1px solid #999;}
.p_answer_choice input[type=radio] {display:none;}
.p_answer_choice input[type=radio] + label {display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('../img/check_radio_sheet2.png') -38px top no-repeat; cursor:pointer;}
.p_answer_choice input[type=radio]:checked + label {background:url('../img/check_radio_sheet2.png') -57px top no-repeat;}
.p_answer_choice .button.m_ans_del {margin:2px 2px 0 5px; vertical-align:top;}
.p_answer_choice .m_ans_up, .m_ans_down {display:inline-block; width:22px; height:24px; margin:0px 2px; vertical-align:top; opacity:0.5;}
.p_answer_choice .m_ans_up:hover, .p_answer_choice .m_ans_down:hover {opacity:0.7;}
.p_answer_choice .m_ans_up.disabled, .p_answer_choice .m_ans_down.disabled {opacity:0.2;}
.p_answer_choice .m_ans_up {background:transparent url('../img/up.png') no-repeat center 2px;}
.p_answer_choice .m_ans_down {background:transparent url('../img/down.png') no-repeat center 2px;}
#image_file_loaders input {margin-top:5px;}
.imageFileLoader {width:140px;}
#image_files {margin-top:10px;}
#image_files div img {width:240px; margin:0 5px 5px 0; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#image_files div {position:relative;}
#image_files div span {display:block; position:absolute; top:5px; right:0; padding:5px; background-color:rgba(255,255,255,0.9); color:#000; border:1px solid #000; border-right:0;}
#image_files div span.fname {top:40px;}
#image_files div span.img_size {top:75px;}
.problem_que_image_c {width:50%; margin-left:auto; margin-right:auto;}
.problem_mc_ans_image_c {width:98%;}
.prob_input_help { padding:2px 5px; text-align:right; background:#FFFF00;}


.search_options form > .cat-select-block, .search_options form #so_wrapper > .cat-select-block, .search_options form #so_wrapper .float_wrapper > .cat-select-block {display:table-cell; min-width:120px; padding:0 20px; text-align:left; vertical-align:top;}
#search_options_cont .search_options form > .cat-select-block, #search_options_cont .search_options form #so_wrapper > .cat-select-block, #search_options_cont .search_options form #so_wrapper .float_wrapper > .cat-select-block {display:block; float:left; min-width:100px; padding-right:0;}
.search_options .cat-select-block.hidden, #search_options_cont .search_options form > .cat-select-block.hidden, #search_options_cont .search_options #so_wrapper > .cat-select-block.hidden, #search_options_cont .search_options #so_wrapper .float_wrapper > .cat-select-block.hidden {display:none;}
.search_options .types {display:table-cell; min-width:120px; padding:0 20px;}
#search_options_cont .search_options .types {display:block; float:left; min-width:150px; padding-right:0;}
#search_options_cont .search_options .spacer {height:12px;}
.search_options .types.hidden, #search_options_cont .search_options .types.hidden {display:none;}

.search_options .types label {display:block; padding:2px; font-size:12px;}
.search_options .types label.hidden {display:none;}
.search_options .types div {padding-left:20px;}
/*.search_options .types div label {width:120px; float:left;}*/
.search_options .types label.no-select, .search_options .types input {cursor:pointer;}
.search_options .short_cont {height:20px; display:none;}
.search_options .dd_cont {position:relative; margin-bottom:10px;}
.search_options .dd_cont.done {background:transparent url('../img/darrow_f.png') no-repeat center -12px;}
.search_options .dd_cont div {height:1px; padding:0 36px 0 10px; overflow:hidden; opacity:0.0; white-space:nowrap; font-size:13px;}
.search_options div.select_im_selected {padding:2px 36px 2px 8px; border:1px solid #CCC; background: #FFFFFF url('../img/dd.png') no-repeat right center; font-size:12px; cursor:pointer;}
.search_options ul {display:none; position:absolute; top:0; left:0; padding:0; margin:0; font-size:13px; cursor:pointer; border:1px solid #CCC; border-top:0; box-shadow:2px 6px 10px rgba(0,0,0,0.3); -moz-box-shadow:2px 6px 10px rgba(0,0,0,0.3);}
.search_options ul li {display:block; width:auto; height:20px; padding:2px 36px 2px 8px; background-color:#FFF; white-space:nowrap;}
.search_options ul li.hidden {display:none;}
.search_options ul li:hover, .search_options ul li.selected:hover {background-color:#F90; color:#FFF;}
.search_options ul li.selected {background-color: #ffeec6;}


#image_storage_outer_cont {width:880px; height:600px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:20px;}
#image_storage_outer_cont form {width:860px; text-align:left; padding:20px 10px;}
#image_storage_outer_cont h3 {margin-bottom:18px; padding:5px 0 5px 5px;}
#image_storage_outer_cont div {padding:5px 0 10px 5px; font-size:15px;}
#image_storage_outer_cont div#storage_scroll_cont, #prob_header_search_outer_cont div#prob_header_scroll_cont {height:450px; border:1px solid #CCC; margin-bottom:10px; overflow-y:auto; overflow-x:hidden;}
#image_storage_outer_cont div#storage_scroll_cont div.item {float:left; width:190px; height:225px; overflow:hidden; margin:0 5px 5px 0; padding:5px; border:1px solid #FFF; cursor:pointer; border-radius:4px;}
#image_storage_outer_cont div#storage_scroll_cont div.item:hover {background-color:#BDEDFF; border:1px solid #000480;}
#image_storage_outer_cont div#storage_scroll_cont div.item.selected {background-color:#0070dd; color:#FFF;  border:1px solid #000480;}
#image_storage_outer_cont div#storage_scroll_cont div.item img {width:190px;}
#image_storage_outer_cont div#storage_scroll_cont div.item label {display:block; width:190px; margin-bottom:5px;  overflow:hidden; font-weight:bold;}

#prob_header_instr_search {position:relative;}
#prob_header_search_outer_cont {position:absolute; top:0; left:0; z-index:5; width:800px; height:500px; overflow:hidden; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:20px; box-shadow:5px 5px 5px rgba(0,0,0, 0.3);}
#prob_header_search_outer_cont .search_box {margin-right:75px; text-align:right;}
#prob_header_search_outer_cont .search_box input {width:200px;}
#prob_header_scroll_cont {margin-top:15px;}
#prob_header_scroll_cont .item button {float:left; width:80px; height:80px; margin:5px; cursor:pointer; font-size:16px;}
#prob_header_scroll_cont .item .instructions {float:left; width:640px; padding:10px 0 5px 5px; text-indent:20px;}
#prob_header_scroll_cont .item.selected {background-color:#75b1e3; color:#FFF;}
#prob_header_add_new {margin-top:15px; padding:0 0 20px 20px;  border:1px solid #ccc;}
#prob_header_add_new textarea {width:600px; height:150px;}
#prob_header_add_new button {margin: 5px 5px 0 0;}

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

/* Account */
.dash_form, .dash_alert {padding:1px; margin-bottom:24px; border-radius:4px; box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 2px 4px rgba(0,0,0,0.08),inset 0 -1px 0 rgba(0,0,0,0.25);}
.dash_form h2, .dash_alert h2 {display:block; margin:15px 0 0 15px;}
.dash_form h2 {padding-left:35px; padding-top:5px; color:#9eb2c8;}
.dash_form {background-color:#F5F5F5;}
.dash_alert {background-color:#F2DEDE; border-color:#EED3D7; color:#B94A48;}
.dash_alert {background-color:#D9EDF7; border-color:#BCE8F1; color:#3A87AD;}
.dash_alert h2 {background:transparent url('../img/normal.png') 10px center no-repeat; padding-left:40px;}
.dash_form .content, .dash_alert .content {position:relative; padding:10px 30px;}
.dash_alert .content div.button-plmnt {position:absolute; bottom:10px; right:10px;}
.reg_name {margin:10px 20px 10px 20px; padding:20px 145px 20px 145px; background-color:#FFF; border:1px solid #CCC; border-radius:4px;}
.reg_name label {display:block; margin-bottom:5px;  color:#9eb2c8; font-size:15px; font-weight:bold;}
.reg_name input {box-shadow:none;}


.form_load_icon {position:absolute; top:0; right:0;}
.form_coupon {position:absolute; top:0; right:40px; color:#000; font-weight:bold;}
.form_coupon.red {color:#FF0000;}
#ccform {position:relative; width:550px; padding:5px; margin-top:2px; background-color:#EFEFEF; border-radius:3px;}
.ccform {background-color:#FFF; margin:20px; padding:20px 145px 20px 145px; color:#333; border:1px solid #CCC; border-radius:4px;}
.ccform.narrow {padding:10px 35px;}
.ccform div.form-wrapper {position:relative;}
.ccform div.sbs {width:44%; margin-left:6%;}
.ccform div.full_sbs {width:88%; margin-left:6%; padding:20px 0 10px 0;}
.ccform div.spacer {padding-bottom:15px;}
.ccform h3 {padding-top:4px}
.ccform h3.lock {margin-left:-20px; background:transparent url('../img/lock.png') top left no-repeat; padding-left:40px;}
.ccform.narrow h3.lock {margin-left:-15px;}
.ccform h3.trial {background:transparent url('../img/gift.png') top left no-repeat; padding-left:45px;}
.ccform h3.custom {padding-top:4px;}
.ccform h3 span {font-size:26px; color:#515151; padding:0 5px;}
.ccform h3 img.cc_logo {margin-left:6px; opacity:0.7; float:right;}
.ccform label, .ccform input {display:block;}
.ccform .inline {display:inline;}
.ccform .fake_cbox {padding-top:7px; font-size:14px; color:#9eb2c8; font-weight:bold;}
.ccform select {}
.ccform label {margin:8px 0 5px 0; padding-left:5px; color:#9eb2c8; font-size:15px; font-weight:bold;}
.ccform label span {position:relative; top:3px; left:5px; font-size:13px;}
.ccform #ccform label {color:#7F9FC2;}
.ccform input, .ccform select {box-shadow:none; padding:5px 8px; color:#333; font-size:15px;}
.ccform input.button {padding:0 14px;}
.ccform .plan {width:300px;}
.ccform #pricing_link {margin-left:10px; font-size:12px; color:#9eb2c8;}
.ccform #pricing_link:hover {color:#F33636;}
.ccform .wide, .ccform .name, .ccform .number, .ccform .block_tip.wide {width:282px;}
.ccform .number.visa {background:#FFF url('../img/cc/visa.png') right center no-repeat;}
.ccform .number.mast {background:#FFF url('../img/cc/mast.png') right center no-repeat;}
.ccform .number.disc {background:#FFF url('../img/cc/disc.png') right center no-repeat;}
.ccform .number.amex {background:#FFF url('../img/cc/amex.png') right center no-repeat;}
.ccform .number.jcb {background:#FFF url('../img/cc/jcb.png') right center no-repeat;}
.ccform .number.dine {background:#FFF url('../img/cc/dine.png') right center no-repeat;}
.ccform .scode {width:60px; display:inline;}
.ccform .cvc_disp {position:relative; top:10px; left:10px;}
.ccform .price-display {position:absolute; top:70px; right:30px; width:200px; text-align:center;}
.ccform .price-display b {font-size:50px;}
.ccform .price-display label {font-size:12px;}
.ccform .price-display label#initial_cost_display {margin-top:20px; font-size:18px; color:#000; padding:0;}
.ccform .price-display div.plan-rates {padding-left:20px;}
.ccform .price-display div.plan-rate {width:60px; float:left; padding:5px 10px; background-color:#FEFEFE; border:1px solid #DDD; text-align:center; color:#DDD;}
.ccform .price-display div.selected {background-color:#DFF0D8; border:1px solid #D6E9C6; color:#468C47; font-weight:bold;}
.ccform .price-display div.left {border-right:0;}
.ccform .price-display div.right {border-left:0;}
.ccform .price-display .button {display:inline-block; margin:50px 0 10px 0;}
.ccform #current_cc {margin:40px 0; height:200px;}
.ccform #current_cc span {display:block; margin:12px 10px;}
.ccform .secure-ssl-note {display:block; margin-top:15px; color:#555;}
.ccform .stripe-logo {position:absolute; bottom:6px; right:6px;}
.ccform .stripe-logo.hidden {display:none;}
.ccform .license_total {padding:20px 0 0 0; margin-bottom:20px; font-size:16px;}
.ccform .license_total h4 {padding-bottom:0; margin-bottom:5px; border-bottom:1px solid #CCC;}
.ccform .license_total .line-item {padding:4px;}
.ccform .license_total .total {padding:4px; font-size:20px; font-weight:bold; border-top:1px solid #CCC;}



#delete_prompt {width:450px; margin:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:25px;}
#delete_prompt h2 {margin:0;}
#delete_prompt p.name {padding:10px 0 0 10px; font-weight:bold;}
div.move_overlay, div.delete_overlay {display:none; width:auto; padding:100px 75px 200px 75px; background-color:rgba(0,0,0,0.6);}
#move_prompt {width:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:25px; box-shadow:5px 5px 5px rgba(0,0,0,0.3);}
#move_prompt h2 {margin:0;}
#move_prompt p.name {padding:5px 0 0 10px; font-weight:bold;}
#move_prompt #jstree_block {margin-left:20px;}
#move_prompt span.new_loc, #move_prompt span.name {display:block; padding:5px 20px; font-weight:bold;}


/* Change sub */
.subplan {padding:0 20px; margin:5px 0 15px 0; background-color:#D9EDF7; border:2px solid #BCE8F1; border-radius:0px;}
.subplan.current {background-color:#F0F0F0; border:2px solid #ddd;}
/*background-color:#DFF0D8; border:2px solid #bfe9ab*/
div.dash_item .subplan table tr {background:transparent; border:0;}
.subplan td.price {font-size:24px; vertical-align:middle; font-weight:bold; color:#3A87AD;}
.subplan.current td.price {color:#777;}
.subplan h3 {padding-bottom:5px;font-size:15px; color:#424242;}
.subplan.current h3 {color:#777;}
.subplan .desc {font-weight:bold;}
.bill_end {padding-bottom:10px; text-align:center;}

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

/* Feature Guides */
.guide-links-cont {width: 250px; min-height:500px; float:left;}
.guide-links-cont a {display:block; font-size:15px; color:#555; padding:3px 0 3px 14px; margin:6px; line-height:1.74; border-left:2px solid transparent;}
.guide-links-cont a.selected, .guide-links-cont a:hover {color:#09091a; background-color:#FFF; border-left:2px solid #1fbad6;}
.guide-links-cont a span.date {font-size:12px;}
#guide-cont {float:left; width:895px; min-height:600px; padding:20px; background-color:#FFF; border-radius:5px;}
#guide-cont > div.part-cont {width:570px;}
#guide-cont > div {padding:10px;}
#guide-cont > div > p {padding:5px 10px;}
#guide-cont > img {max-width:875px; margin:0 0 10px 15px;}
#guide-cont .img-cont img {padding:12px; border:1px solid #F0F0F0; background:#FFF;}
#guide-cont .img-cont {position:relative; padding:0;}
#guide-cont .img-cont .label {position:absolute; bottom:0; left:0; right:0; padding:5px 10px; background:rgba(0,0,0,0.65); color:#FFF; font-weight:bold;}
#guide-cont .img-cont.right {margin-right:20px;}
#guide-cont .img_s400 {width:400px;}
#guide-cont .img_s250 {width:250px;}
#guide-cont .step {font-size:16px;}
/**********************************/

/* Order and Purchase page */
div.simple-cont .ren_lics {padding:0 20px;}
div.simple-cont .ren_lics h4 {margin-bottom:5px; font-size:16px;}
div.simple-cont .ren_lics h4 span {font-size:14px; padding-left:5px;}
div.simple-cont .ren_lics table th {padding-top:5px; padding-bottom:4px;}
div.simple-cont .ren_lics table td {vertical-align:middle;}
div.simple-cont .ren_lics table tr.selected td {background-color:#DFF0D8;}
div.simple-cont .ren_lics .inline_note {padding-left:12px; padding-right:12px;}
div.simple-cont .ren_lics .fake_cbox {width:25px; padding:2px; background-color:transparent;}

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

/* Subscription Plans */
#price-plans-cont {margin:0px auto 0px auto;}
#price-plans-cont, .price-plan {display:inline-block; vertical-align:top;}
#price-plans-cont, .price-plan {display: inline !ie7; margin: 0 2px !ie7;}
.price-plan {width:350px; overflow:hidden; margin-right:0px; text-align:center; background:rgb(135,161,177); color:#FFF; border-radius:10px 10px 0px 0px;}
.price-plan .head {background:rgb(46, 64, 77) url('../img/pat_bg.png') top left repeat; padding:1px; border-radius:0 0 10px 10px; box-shadow:0 4px 4px rgba(0,0,0,0.5);}
.price-plan .head h2 {color:#FFF; font-size:32px;}
.price-plan .content {height:500px;}
.price-plan .content.fh {height:485px;}
.price-plan .content p {margin:15px 40px; padding:27px 0 12px 0; border-top:1px solid #888; font-size:16px;}
.price-plan .content p.last {margin-bottom:24px;}
.price-plan .c2 {background:#F5F5F5; padding:10px;}
.price-plan .price {padding-top:30px;}
.price-plan .price .cost {font-size: 52px;}
.price-plan .price .rate {font-size:44px;}
.price-plan .price p {font-family:'Open Sans', sans-serif, Arial; padding:0; border:0;}

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


/* Fake Checkbox */
.fake_cbox {float:left; background:#FFFFFF url('../img/fake_check_sheet.png') 5px 5px no-repeat; height:25px; padding:5px 15px 5px 40px; white-space:nowrap; overflow:hidden; font-size:16px; cursor:pointer;}
.fake_cbox.border {border:1px solid #CCC; border-radius:5px;}
.fake_cbox:hover {background-position:5px -45px;}
.fake_cbox.border:hover {border-color:#8fc122;}
.fake_cbox.checked {background-position:5px -95px;}
.fake_cbox.checked:hover {background-position:5px -145px;}
/**********************************/

/* Document View Page */
#doc_cont {position:relative; margin-left:60px;}
#sidebar_cont {position:absolute; top:0; left:980px; z-index:100;}
#sidebar_menu {background-color:#FFF; padding:20px 16px 1px 16px; box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.1), -2px 0px 3px rgba(0, 0, 0, 0.1), 0px 0px 1px #EAEAEA inset, 0px 1px 0px #FFF inset; border-radius:5px;}
#sidebar_menu .button {display:block; min-width:0; height:90px; width:90px; padding:0; margin:0 0 20px 0; overflow:hidden;}
#sidebar_menu .edit {background-image: url('../img/small_icons/64/edit.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .grid {background-image: url('../img/small_icons/64/grid.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .zoomin {background-image: url('../img/small_icons/32/zoomin3.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .zoomout {background-image: url('../img/small_icons/32/zoomout3.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .pageview {background-image: url('../img/small_icons/64/pages2.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .print {background-image: url('../img/small_icons/64/print.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .pdf {background-image: url('../img/small_icons/64/pdf.png'); background-position: center center; background-repeat: no-repeat;}
#sidebar_menu .button span {white-space:nowrap; -webkit-transition: top 0.2s linear; -moz-transition: top 0.2s linear; -o-transition: top 0.2s linear; -ms-transition: top 0.2s linear; transition: top 0.2s linear;}
#sidebar_menu .button {-webkit-transition: background-position 0.2s linear; -moz-transition: background-position 0.2s linear; -o-transition: background-position 0.2s linear; -ms-transition: background-position 0.2s linear; transition: background-position 0.2s linear;}
#sidebar_menu .button.edit span {position:relative; top:60px; left:25px; color:#333;}
#sidebar_menu .button.zoomin span, #sidebar_menu .button.zoomout span, #sidebar_menu .button.grid span, #sidebar_menu .button.pageview span, #sidebar_menu .button.print span, #sidebar_menu .button.pdf span {position:relative; top:88px; left:0; color:#333;}
#sidebar_menu .button.zoomin:hover span, #sidebar_menu .button.zoomout:hover span, #sidebar_menu .button.grid:hover span, #sidebar_menu .button.pageview:hover span, #sidebar_menu .button.print:hover span, #sidebar_menu .button.pdf:hover span {top:62px;}
#sidebar_menu .button.zoomin:hover, #sidebar_menu .button.zoomout:hover, #sidebar_menu .button.grid:hover, #sidebar_menu .button.pageview:hover, #sidebar_menu .button.print:hover, #sidebar_menu .button.pdf:hover {background-position:center 2px;}
#sidebar_menu .button.hidden {display:none;}
#doc_cont #doc {width:920px; min-height:1000px; background-color:#FFF; padding:20px; box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.1), -2px 0px 3px rgba(0, 0, 0, 0.1), 0px 0px 1px #EAEAEA inset, 0px 1px 0px #FFF inset; border-radius:5px;}
#doc_cont #info {margin-bottom:20px; height:40px; padding:0 15px; line-height:40px; background-color:#3A3A3A; font-size:14px; color:#F2F2F2; text-shadow: 0px 1px 0px #000; border-radius:4px;}
#doc_cont #info {background:#3A3A3A url('../img/small_icons/16/docsw.png') no-repeat 10px center; padding-left:36px;}
#doc_cont #info h3 {color:#FFF; border:0; padding:0; margin:0; font-weight:normal; font-size:16px;}
#doc_cont #info span {float:right; margin-left:10px;}
#doc_cont #subinfo {position:relative; margin-bottom:20px; padding-left:72px; background-color:#F5F5F5; border:1px solid #CCC; border-radius:4px;}
#doc_cont #subinfo div.lb {position:absolute; top:3px; left:12px; color:#333;}
#doc_cont #subinfo div.right {padding:3px 6px 0 0;}
#doc_cont #page_cont, #doc_cont #key_cont, .doc_cont .page_cont {position:relative; min-height:900px; background-color: #a1cfe3; padding:20px 0; color:#000;}
#doc_cont .view_doc_key_bttn {position:absolute; top:1px; right:2px; z-index:10; display:block; padding:8px 12px 8px 38px; background-color:#FFF; border:1px solid #000; border-radius:0 5px 0 5px; box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
#doc_cont .view_key {background:#FFF url('../img/small_icons/32/key2.png') 5px center no-repeat;}
#doc_cont .view_doc {background:#FFF url('../img/small_icons/32/doc.png') 5px center no-repeat;}
#doc_cont .view_doc_key_bttn:hover {background-color:#3A3A3A; color:#FFF;}
#doc_cont #key_cont table.answer {width:100%;}
#doc_cont #key_cont table.answer td {vertical-align:top; padding:5px;}
#doc_cont #key_cont table.answer td.num {padding-right:5px;}
#doc_cont #key_cont table.answer td.ans {width:100%;}
#doc_cont #page_cont .page, #doc_cont #key_cont .page, .doc_cont .page_cont .page {display:block; float:left; position:relative; background-color:#FFF; border:1px solid #CCC; box-shadow: 4px 4px 7px rgba(0,0,0,0.3); border-radius:5px; overflow:hidden;}
/*#doc_cont #page_cont .inner_page {width:610px; height:850px; padding:95px; transform-origin:top left;}*/
#doc_cont #page_cont.grid .page {width:238px; height:316px; margin:0 0 29px 29px; padding:15px;}
#doc_cont #page_cont.grid .page .inner_page {-webkit-transform: scale(0.33); -moz-transform: scale(0.33); -ms-transform: scale(0.33); -o-transform: scale(0.33); transform: scale(0.33);}
#doc_cont #page_cont.full .page, #doc_cont #key_cont .page {margin:0 0 24px 52px;}
#doc_cont #page_cont.full .page .inner_page {}
#doc_cont #page_cont .page .problem, .doc_cont .page_cont .page .problem {display:inline-block; vertical-align:top; border:1px solid transparent; background:#FFF; padding:0; overflow:hidden;}
#doc_cont #page_cont .page .problem:hover, .doc_cont .page_cont .page .problem:hover {border:1px solid transparent;}

#choose_print {width:450px; height:165px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:25px;}
#choose_print h2 {margin:0;}
#choose_print label {display:block; font-size:16px; font-weight:bold;}
#choose_print .button_cont {position:relative; margin:30px;}
#choose_print a.button {display:block; width:auto; margin:5px 0 25px 0; font-weight:bold; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); background-position:5px 5px; background-repeat:no-repeat; -webkit-transition: background-position 0.2s linear; -moz-transition: background-position 0.2s linear; -o-transition: background-position 0.2s linear; -ms-transition: background-position 0.2s linear; transition: background-position 0.2s linear;}
#choose_print a.button:active {margin:4px 0 26px 0;}
#choose_print a.butto2n:hover {background-position:10px 5px; text-shadow:none;}
#choose_print a.button.web {background-image:url('../img/webdoc.png');}
#choose_print a.button.pdf {background-image:url('../img/pdfdoc.png');}
#choose_print a.button.hidden {display:none;}
#choose_print #pdf_gen_dialog {text-align:center;}
#choose_print #pdf_gen_dialog h2 {text-align:left;}
#choose_print #pdf_gen_dialog h2.load {display:inline-block; margin-top:10px; text-align:center; padding-left:44px; background:url('../img/load.gif') left top no-repeat;}
#choose_print #pdf_gen_dialog img {margin-top:30px;}
#choose_print .bs_note {position:absolute; top:5px; right:0; width:126px; height:20px; background:#FFF url('../img/bs.png') left -20px no-repeat;}
#choose_print .bs_note:hover {top:-15px; height:40px; background-position:left top;}

#print_bttn_cont {position:relative;}
#print_bttn_cont div.hint {display:none; position:absolute; top:-7px; left:-255px; width:200px; padding:10px 26px 10px 20px; background-color:#4B4B4B; border:1px solid #000; border-radius:12px; color:#FFF; overflow:hidden;}
#print_bttn_cont a.close_x {position:absolute; top:0; right:0;}

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

/* Teacher sponsor account */
#teacher_accounts, #teacher_exp_lics {margin-bottom:10px; box-shadow:3px 3px 8px rgba(0,0,0,0.2);}
#teacher_accounts tr, #teacher_exp_lics tr {background-color:transparent;}
#teacher_accounts td, #teacher_accounts th, #teacher_exp_lics td, #teacher_exp_lics th {width:150px; min-width:150px; padding-right:15px;}
#teacher_accounts td, #teacher_exp_lics td {background-color:#FFF; height:26px; vertical-align:middle;}
#teacher_accounts th.tl, #teacher_exp_lics th.tl {padding-left:20px; border-radius:10px 0 0 0;}
#teacher_accounts th.tr, #teacher_exp_lics th.tr {border-radius:0 10px 0 0;}
#teacher_accounts th.main, #teacher_accounts td.main, #teacher_exp_lics th.main, #teacher_exp_lics td.main {width:100%;}
#teacher_accounts td.main, #teacher_exp_lics td.main {padding-left:65px; background: #ffffff url('../img/t_hat.png') 20px center no-repeat;}
#teacher_accounts tr.new td {background-color: #d6f3ff; padding-top:6px; padding-bottom:6px;}
#teacher_accounts tr.new td.main {padding-left:15px; background:#d6f3ff;}
#teacher_accounts tr.new td .button {font-weight:bold; padding:2px 12px; margin:0;}
#teacher_accounts tr.new td span {padding-left:10px; font-weight:bold;}
#teacher_accounts tr.spacer td, #teacher_exp_lics tr.spacer td {height:10px; padding:5px; border-radius:0 0 6px 6px;}
#teacher_exp_lics th {background-color: #ff8789;}
#teacher_exp_lics th.tb_drop, #teacher_exp_lics td.tb_drop {width:40px; min-width:40px;}
div.dash_item.taa a.pbutton {box-shadow:3px 3px 8px rgba(0,0,0,0.3);}
div.dash_item.taa .header_note {padding:5px; margin-bottom:5px;}

#license_edit_cont .info {margin-top:10px;}
#license_edit_cont .block_tip {margin: 25px 20px 0 0;}
#license_edit_cont input.button {margin-top:10px;}
/*********************************/


.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

#footer .main-content .f_extra, #footer .main-content-narrow .f_extra {float:right;width:320px; color:#FAFAFA; text-align:right;}
#footer .main-content .f_extra img, #footer .main-content-narrow .f_extra img {display:inline-block;}
#footer .main-content .f_extra span, #footer .main-content-narrow .f_extra span {display:inline-block; padding:30px 10px 20px 10px; vertical-align:top;}
#footer .main-content .debug_info, #footer .main-content-narrow .debug_info {display:block; width:300px; padding:5px;}
.bottom_spacer {height:300px;}
.bottom_spacer_mid {height:200px;}
.bottom_spacer_low {height:100px;}

div.hd_overlay {position:absolute; top:0; left:0; z-index:10; display:none; height:2000px; width:2000px; background-color:rgba(0,0,0,0.5);}
div.hd_overlay.darker {background-color:rgba(0,0,0,0.65);}
div#overlay, div.clear_overlay, div.dark_overlay {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background: rgba(0,0,0, 0.65);}
div#overlay.show, div.clear_overlay.show, div.dark_overlay.show {display:block;}
div.clear_overlay {background:transparent;}
div.nd_popup {position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:rgba(0,0,0,0.65); border:1px solid #000; border-radius:10px; padding:50px;}
div.nd_popup.med {width:450px; height:285px;}
div.nd_popup.med .inner_cont.fix {height:250px;}
div.nd_popup.plus {width:540px; height:400px;}
div.nd_popup.plus .inner_cont.fix {height:365px;}
div.nd_popup.plus.extra {height:465px;}
div.nd_popup.plus.extra .inner_cont.fix {height:425px;}
div.nd_popup.large {width:800px; height:600px;}
div.nd_popup.large.fit {height:540px;}
div.nd_popup.wide {width:800px; height:330px;}
div.nd_popup .inner_cont {background-color:#FFF; padding:20px;}

div#rendering_dialog .render-message {width:450px; height:32px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; background-color:#fff; border:1px solid #ccc; border-radius:5px; padding:25px; box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
.render-message h2 {padding:2px 50px; margin:0; background:transparent url('../img/load.gif') no-repeat left center;}

#latex_prob_cont {height:550px; border:1px solid #ccc;}
#latex_prob_cont .prob_type_cont {height:500px; overflow-x:hidden; overflow-y:scroll;}
#latex_prob_cont .latex_prob {position:relative; min-height:150px; border-bottom:2px solid #000; border-left:1px solid #000; padding:5px; margin-bottom:10px; padding-left:50px;}
#latex_prob_cont .latex_prob .num {position:absolute; top:10px; left:0; font-weight:bold; padding:5px; font-size:16px;}
#latex_prob_cont .latex_prob input {position:absolute; top:100px; left:10px; padding:10px;}
#latex_prob_cont .latex_prob .question {padding:10px;}
#latex_prob_cont .latex_prob .answer_block {padding:10px;}
#latex_prob_cont .latex_prob .answer_block .answer {margin:5px;}
#latex_prob_cont .select_count {padding:14px 20px 0 0; font-weight:bold;}

/* Loading bar style theme. Used with pace.js */
.pace .pace-progress {
    background: #29d;
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;
}
.pace-inactive {display: none;}
/*******************************/