@charset "utf-8";
/* CSS Document */

h1{font-size:20px; font-weight:bold; color:#000;}
h2{font-size:14px; font-weight:bold; color:#FE6309; line-height:1.3; padding-bottom:15px; }
h3{font-size:12px; font-weight:bold; color:#4C1E03;  padding:15px 0 5px 0; }
h4{font-size:12px; font-weight:bold; color:#000;  padding:6px 0 5px 0;  }

strong{font-weight: bold; }

a{font-weight:bold; color:#005195; text-decoration:none;}
a:visited{color:#3D5474;}
a:hover{text-decoration:underline;}
p{font-size:11px; line-height:1.6; color:#000; margin:10px 0 25px 0; text-decoration:none;}
li{font-size:11px; color:#000;}

#contact-sales{background:url(../images/sub/contact-sales.png) no-repeat top left; text-indent:40px; width:185px; height:54px; display:block; margin:auto; margin-top:15px; text-transform :uppercase; padding-top:8px; font-size:13px; color:#FFF;}
.tagline{font-size:12px; font-weight:bold; color:#4C1E03; line-height:1.4; margin-bottom:15px; display:block;}

#nav-col{ width:204px; float:left; margin:12px 16px 0 0;}
#sub-nav{background:url(../images/sub/sub-nav-bottom.png) no-repeat bottom left #4DA4E0; padding-bottom:14px; margin-bottom:5px;}
#sub-nav h1{font-size:1.1em; color:#EAF7FD; text-transform:uppercase; background:url(../images/sub/sub-nav-top.png) no-repeat top left; height:16px; padding:11px 0 0 13px; margin-bottom:-5px;}
#sub-nav ul{margin-left:12px; margin-top:5px;}
#sub-nav li{margin-bottom:10px;}
#sub-nav li a{font-size:12px; line-height:1.3; color:#391A07; text-decoration:none;}
#sub-nav li.active a{color:#FFD449;}
#sub-nav li.active li a{color:#FFF;}
#sub-nav li li a{font-size:11px;}
#sub-nav ul ul, #sub-nav ul ul ul{margin-left:7px; margin-top:0;}
#sub-nav li li{background:url(../images/sub/sub-nav-li-li.png) no-repeat 0px 6px; padding-left:7px; font-size:11px; margin-bottom:0px;}
#sub-nav li li.active{background:url(../images/sub/sub-nav-li-li-active.png) no-repeat 0px 6px; padding-left:7px; font-size:11px;}
#sub-nav li li a{color:#FFF;}
#sub-nav li li.active a{color:#FFD449;}
#sub-nav li li li{background:url(../images/sub/sub-nav-li-li-li.png) no-repeat 0 6px; padding-left:10px;}
#sub-nav li li li a, #sub-nav li li.active li a{font-weight:normal; color:#FFF;}
#sub-nav li li li.active{background:none; padding-left:0;}
#sub-nav li li li.active a{color:#FFD449; background:url(../images/sub/sub-nav-li-li-li.png) no-repeat 0 6px; padding-left:10px;}
#sub-nav li a:hover{text-decoration:underline;}
.secondary-portlet{background:url(../images/sub/secondary-portlet-bottom.png) no-repeat bottom left #D0E7FE; padding-bottom:14px;}
.secondary-portlet h1{background:url(../images/sub/secondary-portlet-top.png) no-repeat top left; font-size:13px; color:#000; padding:11px 0 0 12px; margin-bottom:5px;}
.secondary-portlet ul{margin-left:12px;}
.secondary-portlet li{background:url(../images/sub/secondary-portlet-li.png) no-repeat 0 4px; font-size:11px; padding-left:15px;}

#content{background:url(../images/sub/info-portlet-bottom.png) no-repeat bottom right; float:left; margin-bottom:78px;}
#content.two-col{background:none;}
#main-content{width:500px; margin-right:17px; float:left;}
#content.two-col #main-content{width:700px; margin-right:0;}
#main-content ul{margin:10px 0 15px 8px;}
#main-content li{background:url(../images/sub/li.png) no-repeat 0 6px; padding-left:10px;}
#main-content li li{background:url(../images/sub/li-li.png) no-repeat 0 6px; padding-left:10px;}
#main-content li li li{background:url(../images/sub/li-li-li.png) no-repeat 0 6px; padding-left:10px;}
#main-content li li li li{background:url(../images/sub/li-li-li-li.png) no-repeat 0 6px; padding-left:10px;}
#main-content ol#terms {background:none; margin-left:20px;}
#main-content ol#terms li {background:none;}

.bread-crumb{font-size:10px; color:#000; margin-bottom:20px;}
ul.bread-crumb {margin:10px 0 0 0; }
.bread-crumb li{display:inline; background:none; padding:0; font-size:10px;}
.bread-crumb a{color:#000; font-weight:normal; text-decoration:underline;}

.image-w-caption, .image-w-caption a{font-size:10px; font-style:italic; color:#574B4B; font-weight:normal; display:block;}
.image-w-caption img{display:block; border:1px solid #594D4D; margin-bottom:7px;}
.image-w-caption.fl{margin:10px 15px 15px 0;}
.image-w-caption.fr{margin:10px 0 15px 15px;}


/* tabs */
#tabs{background:url(../images/sub/tab-bg.png) no-repeat top left #4F9A00; width:497px; }
#tabs-bottom{background:url(../images/sub/tabs-bg-bottom.png) no-repeat bottom left; padding-bottom:11px;}
#inner-tab{background:url(../images/sub/inner-tab-top.png) no-repeat top left; padding-top:8px;}
#inner-tab-bottom{background:url(../images/sub/inner-tab-bottom.png) no-repeat bottom left; margin:-1px 0 0 5px; padding-bottom:7px;}

#tabs-bottom.long #tabs{background:url(../images/sub/tab-bg-long.png) no-repeat top left #4F9A00; width: 704px;}
#tabs-bottom.long{background:url(../images/sub/tabs-bg-bottom-long.png) no-repeat bottom right; width:704px;}
#tabs-bottom.long #inner-tab{background:url(../images/sub/inner-tab-top-long.png) no-repeat top left; padding-top:8px;}
#tabs-bottom.long #inner-tab-bottom{background:url(../images/sub/inner-tab-bottom-long.png) no-repeat bottom left; margin:-1px 0 0 5px; padding-bottom:7px;}
#tabs-bottom.long #inner-tab div.show{display:block; background:url(../images/sub/inner-tab-long.png) repeat-y top left;}
#inner-tab div{display:none;}
#inner-tab div.show{display:block; background:url(../images/sub/inner-tab.png) repeat-y top left; padding:11px}
#inner-tab div.show p{margin:0;}
#main-content ul.tabs{padding:9px 0 0 5px; margin:1px 0 0 0; font-family:Arial, Helvetica, sans-serif; z-index:99; position:relative;}
#main-content ul.tabs li{background:url(../images/sub/tab-left.png) no-repeat top left; padding-left:13px; height:30px; display:block; float:left; margin-right:2px; margin-left:0; cursor:pointer; font-weight:bold;}
#main-content ul.tabs li span.mt{background:url(../images/sub/tab-center.png) repeat-x top left; color:#FFF; height:25px; padding-top:5px; display:block; float:left}
#main-content ul.tabs li span.mt:hover{text-decoration:underline;}
#main-content ul.tabs li span.rt{background:url(../images/sub/tab-right.png) no-repeat top left; width:13px; height:30px; display:block; float:left;}
#main-content ul.tabs li.active{background:url(../images/sub/tab-left-active.png) no-repeat top left; cursor:default;}
#main-content ul.tabs li.active span.mt{background:url(../images/sub/tab-center-active.png) repeat-x top left; color:#391A07;}
#main-content ul.tabs li.active span.rt{background:url(../images/sub/tab-right-active.png) no-repeat top left; }
#main-content #inner-tab div ul{margin:0px;}
#main-content #inner-tab div li{background-image:url(../images/sub/tabs-li.png)}
#main-content #inner-tab div table{border:1px solid #98C14B; border-right:none; border-bottom: none; margin-top:20px; width:562px;}
#main-content #inner-tab div table.productTable {border:1px solid #98C14B; border-right:none; border-bottom: none; margin-top:20px; width:450px;}
#main-content #inner-tab div table.productTable thead th {font-size:12px;}
#main-content #inner-tab div table thead th{border:1px solid #98C14B; border-top:none; border-left:none; font-weight:bold; color:#4F7C14; padding:8px 5px 5px 16px;}
#main-content #inner-tab div table tbody th{border:1px solid #98C14B; border-top:none; border-left:none; font-weight:bold; color:#5D4F45; padding:8px 5px 5px 16px;}
#main-content #inner-tab div table tbody td{border:1px solid #98C14B; border-top:none; border-left:none; color:#5D4F45; padding:8px 5px 5px 16px;}
#main-content #inner-tab div table tbody td li{background:none; margin:3px 0; line-height:1.5;}
#info-col{background:url(../images/sub/info-portlet-top.png) no-repeat top left #EBE8D1; width:188px; float:left; padding-top:6px;}
#info-col .main-image{padding:14px 0 0 0px; text-align:center;}
#info-col .main-image img{border:1px solid #574B4B;}
#info-col .main-image p, #info-col .main-image p a{font-size:10px; font-style:italic; line-height:1.2; color:#4C1E03; font-weight:normal;}
#info-col .main-image p{padding-right:5px;}
#info-col .product-demos{padding-left:10px;}
#info-col .product-demos h4{margin-bottom:13px;}
#info-col .product-demos img{border:1px solid #574B4B; float:left; margin:0 6px 9px 0;}
#info-col .product-demos div{clear:both;}
#info-col .product-demos a{padding-top:6px; display:block}
#info-col .casestudy, #info-col .relatedlinks, #info-col .in-the-press{padding-left:10px; padding-right:5px;}
#info-col .casestudy h4, #info-col .relatedlinks h4, #info-col .in-the-press h4{margin-top:4px;}
#info-col .casestudy p.view-case{margin-top:-12px;}
#info-col .relatedlinks a{}
#info-col .relatedlinks li, #info-col .in-the-press li{background:url(../images/sub/info-portlet-li.png) no-repeat 0 3px; padding-left:13px; line-height:1.2; padding-bottom:4px;}
#info-col .in-the-press a{display:block;}
#info-col .in-the-press li{padding-bottom:10px;}
#info-col .divide{background:url(../images/sub/info-portlet-divide.png) no-repeat bottom left; padding-bottom:8px; margin-bottom:8px;}

a#back-to-top{font-size:11px; font-weight:bold; color:#3B3B3B; background:url(../images/sub/back-to-top.png) no-repeat top left; padding-left:20px; margin:0 0 45px 220px; display:block; height:20px; clear:both;}

#product-categories-bottom{background:url(../images/sub/products-bottom.png) no-repeat bottom left; width:670px; padding-bottom:15px;}
#product-categories{background:url(../images/sub/products-top.png) no-repeat top left; }
#product-categories div{width:200px; text-align:center; padding:11px 12px 0 11px; float:left;}
#product-categories div img{border:1px solid #584C4D; margin-bottom:9px}
#product-categories div a.button{background:url(../images/sub/products-button.png) no-repeat top left; width:178px; height:33px; padding:8px 0 0 22px; display:block; text-align:left; font-size:12px; font-weight:bold; color:#005195; text-transform:uppercase;}
#product-categories div p{text-align:left; color:#CDE8FB;}
#product-categories div ul{text-align:left; background:url(../images/sub/products-divide.png) no-repeat top center; padding-top:15px;}
#product-categories div ul li{background:url(../images/sub/products-li.png) no-repeat 0 3px; padding-left:13px; line-height:1.4; padding-bottom:8px;}
#product-categories div ul li a{color:#EFEFEF;}

div.products{margin-bottom:30px;}
div.products h3{margin-bottom:0px; padding-top:0;}
div.products p{margin:5px 0;}
div.products img {float:left; border:1px solid #594D4D; margin-right:15px;}

/*Contact */
#contact-bottom{background:url(../images/sub/contact-bottom.png) no-repeat bottom left #F3F3EB; padding-bottom:14px; width:533px;}
#contact{background:url(../images/sub/contact-top.png) no-repeat top left #F3F3EB; width:533px; padding-top:15px;}
#contact div{margin-left:20px; margin-bottom:5px; clear:both;}
#contact div.check{margin-left:165px;}
#contact div.field label, #contact div.select label, #contact div.textarea label{font-size:11px; font-weight:bold; color:#5D4F45; width:140px; display:block; float:left;}
#contact span.required{color:#FE4B01; font-weight:normal; font-size:11px; position:relative; left:-1px; float:left;}
#contact div.field input, #contact div.textarea textarea, #contact div.select select{width:280px; float:left;}
#contact div.select select{width:286px;}
#contact div.textarea textarea{height:100px;}
#contact input.submit{float:right; margin-right:78px;}
#contact img.clear{float:right; margin-right:10px; cursor:pointer;}
#contact img{padding-bottom:10px;}
#contact h2{color:#4C1E03; margin-left:20px;}
.vh{visibility:hidden} /*used for alignment */
img.divide {margin-top:10px;}
.ghost {visibility:hidden; position:absolute; left:1px; top:1px;}

/*press release*/
.release-byline, .release-date{font-size:11px; font-weight:bold; color:#5D4F45; display:block;}

/*careers*/
table.careers{width:464px; font-size:11px; background:url(../images/sub/careers-table-th.png) no-repeat top left;}
table.careers tr.first{width:464px;}
table.careers td{background:#F3F3EB; padding:4px 0 4px 16px;}
table.careers tr.stripe td{background:#E8E8D9;}
table.careers th{font-size:12px; font-weight:bold; color:#4C1E03; padding-left:16px; padding-top:8px; padding-bottom:7px; margin:0px;}
table.careers tr.last{background:url(../images/sub/careers-table-bottom.png) no-repeat top left; height:26px;}
table.careers td.lb{background:url(../images/sub/careers-td.png) repeat-y top left #F3F3EB;}
table.careers tr.stripe td.lb{background:url(../images/sub/careers-td.png) repeat-y top left #E8E8D9;}
table.careers th.lb{background:url(../images/sub/careers-td.png) repeat-y top left;}

/*Offices*/
table.offices{background:url(../images/sub/offices-top.png) no-repeat top left #F3F3EB; font-size:11px; width:551px; }
table.us{margin-bottom:30px;}
table.offices td{padding:18px 0 0 14px; width:50%;}
table.offices tr.first td{border-bottom:1px solid #DDE1C1; padding-bottom:5px;}
table.offices tr.second td{border-top:1px solid #FFF; padding-bottom:17px;}
table.offices tr.second{background:url(../images/sub/offices-bottom.png) no-repeat bottom left; }
table.offices .location{font-weight:bold; color:#4C1E03; display:block; background:url(../images/sub/offices-bullet.png) no-repeat center left; padding-left:14px; margin-bottom:7px;}
table.offices .title{font-weight:bold; display:block;}
table.offices .address{line-height:1.6; display:block; margin-bottom:7px;}
table.offices a.map{display:block; margin-bottom:7px;}
table.offices .phone{font-weight:bold; color:#5D4F45; display:block; margin-bottom:3px;}
table.offices .number{font-weight:normal; color:#000;}
table.offices td.lb{background:url(../images/sub/careers-td.png) repeat-y top left;}

/*Downloads*/
dl.down-notes{background:url(../images/sub/dl-border.png) repeat-x bottom left; padding-bottom:17px;}
dl.down-notes dt{font-weight:bold; font-size:14px; color:#4C1E03; margin-bottom:17px; padding-left:136px;}
dl.down-notes dd{float:left;}
#inner-tab dl.down-notes dd.notes p{margin-bottom:20px;}
dl.down-notes dd.downloads{width:125px; padding-top:5px;}
dl.down-notes dd.notes{width:485px; margin-left:11px;}
dl.down-notes dd.downloads a.download{background:url(../images/sub/download.png) no-repeat top left; width:117px; height:38px; text-indent:-9000px; display:block;}
dl.down-notes dd.downloads a.release-notes{background:url(../images/sub/release-notes.png) no-repeat center left; padding-left:24px; height:14px; display:block; padding-top:4px;}


/* Clear*/
#main-content:after, #content:after, ul.tabs:after, .product-demos:after, #product-categories-bottom:after, #product-categories:after, .products:after, #contact div:after, #contact:after, dl:after{ content: ""; display: block; height: 0; clear: both; }


/*Support Table*/
table.times{width:464px; font-size:11px; margin-bottom:20px;}
table.times tr.first{background:url(../images/sub/careers-table-th.png) no-repeat top left; height:29px; width:464px;}
table.times td{background:#F3F3EB; padding:4px 0 4px 16px;}
table.times tr.stripe td{background:#E8E8D9;}
table.times th{font-size:12px; font-weight:bold; color:#4C1E03; padding:0px 0 0 0px;}
table.times tr.last{background:url(../images/sub/careers-table-bottom.png) no-repeat top left; height:26px;}
table.times td.lb{background:url(../images/sub/careers-td.png) repeat-y top left #F3F3EB;}
table.times tr.stripe td.lb{background:url(../images/sub/careers-td.png) repeat-y top left #E8E8D9;}
table.times th.lb{background:url(../images/sub/careers-td.png) repeat-y top left;}
div#supportTime {margin-left:30px;}
div#supportTime h5 {font-size:11px; font-weight:bold; color:#FE6309;}

/*Chat*/
div.chat {height:100px; position:relative; width:500px; margin-bottom:30px;}
div.students {background:url(../images/chat/support_students_online.png) no-repeat; margin-left:20px; margin-bottom:20px; width:175px; height:125px; cursor:pointer;}
div.studentsOff {background:url(../images/chat/support_students_offline.png) no-repeat; margin-left:20px; margin-bottom:20px; width:175px; height:125px; cursor:pointer;}
div.instructors {position:absolute; left:190px; top:0px; background:url(../images/chat/support_other_online.png) no-repeat; margin-left:20px; margin-bottom:20px; width:175px; height:125px; cursor:pointer;}
div.instructorsOff {position:absolute; left:190px; top:0px; background:url(../images/chat/support_other_offline.png) no-repeat; margin-left:20px; margin-bottom:20px; width:175px; height:125px; cursor:pointer;}

/*Workspace*/
div.workspace div {padding-top:10px; position:relative; font-size:12px; font-weight:bold; color:#4C1E03;}
img.icon {position:absolute; top:0px; padding-left:5px;}
div.workspace img.lesson {border:solid 1px #ddd; padding:1px;}

/*Mobi*/
div.product-page img {border:solid 1px #000; margin-left:40px;}

/*Solution Boxes*/
#marketbox {position:relative; width:700px; height:500px; margin-top:20px; margin-left:50px;}
#marketbox #k12 {background:url(../images/sub/market_k12.gif) no-repeat; width:250px; height:200px; position:absolute; left:0px; padding-top:3px; cursor:pointer;}
#marketbox #hied {background:url(../images/sub/market_hied.gif) no-repeat; width:250px; height:200px; position:absolute; left:260px; padding-top:3px; cursor:pointer;}
#marketbox #pub {background:url(../images/sub/market_pub.gif) no-repeat; width:250px; height:200px; position:absolute; left:0px; top:155px; padding-top:3px; cursor:pointer;}
#marketbox #govt {background:url(../images/sub/market_govt.gif) no-repeat; width:250px; height:200px; position:absolute; left:260px; top:155px; padding-top:3px; cursor:pointer;}
#marketbox #intl {background:url(../images/sub/market_intl.gif) no-repeat; width:250px; height:200px; position:absolute; left:130px; top:310px; padding-top:3px; cursor:pointer;}
#marketbox span {margin-left:30px; font-size:15px; font-weight:bold; color:#fff;}
#marketbox a {text-decoration:none;}

/*Legacy Downloads*/
#tabs.legacy{background:url(../images/sub/tab-bg.png) no-repeat top left #e16640; width:497px; }
#tabs-bottom-legacy{background:url(../images/sub/tabs-bg-bottom.png) no-repeat bottom left; padding-bottom:11px;}
#inner-tab{background:url(../images/sub/inner-tab-top.png) no-repeat top left; padding-top:8px;}
#inner-tab-bottom{background:url(../images/sub/inner-tab-bottom.png) no-repeat bottom left; margin:-1px 0 0 5px; padding-bottom:7px;}

#tabs-bottom-legacy.long #tabs{background:url(../images/sub/tab-bg-long-red.png) no-repeat top left #e16640; width: 704px;}
#tabs-bottom-legacy.long{background:url(../images/sub/tabs-bg-bottom-long-red.png) no-repeat bottom right; width:704px;}
#tabs-bottom-legacy.long #inner-tab{background:url(../images/sub/inner-tab-top-long-red.png) no-repeat top left; padding-top:8px;}
#tabs-bottom-legacy.long #inner-tab-bottom{background:url(../images/sub/inner-tab-bottom-long-red.png) no-repeat bottom left; margin:-1px 0 0 5px; padding-bottom:7px;}
#tabs-bottom-legacy.long #inner-tab div.show{display:block; background:url(../images/sub/inner-tab-long-red.png) repeat-y top left;}

#trainbox {width:520px; margin-left:auto; margin-right:auto; height:420px;}
#trainbox #resources-tr {background:url(../images/sub/training/ressources.png) no-repeat; width:250px; height:200px; cursor:pointer; float:left; margin:5px;}
#trainbox #content-tr {background:url(../images/sub/training/content.png) no-repeat; width:250px; height:200px; cursor:pointer; float:left; margin:5px;}
#trainbox #grants-tr {background:url(../images/sub/training/grants.jpg) no-repeat; width:250px; height:200px; cursor:pointer; float:left; margin:5px;}
#trainbox #pd-tr {background:url(../images/sub/training/pd.jpg) no-repeat; width:250px; height:200px; cursor:pointer; float:left; margin:5px;}
#trainbox #pcs-tr {background:url(../images/sub/training/pcs.jpg) no-repeat; width:250px; height:200px; cursor:pointer; float:left; margin:5px;}
#trainbox #support-tr {background:url(../images/sub/training/support.jpg) no-repeat; width:250px; height:200px; cursor:pointer; float:left; margin:5px;}
#trainbox h1 {color:#fff; font-size:14px; padding-left:30px; padding-top:3px;}
#trainbox a {text-decoration:none;}
#trainbox a:hover {text-decoration:none;}
#trainingPic {border:solid 1px #000;}

#all {float:left;}
#actu {float:left; background-image:url(../special/cpsmobi/MOBI-CPSIR-Backgrnd.jpg); background-repeat:no-repeat; width:600px;}
#actu2 {float:left; width:600px;}
#actu { padding-top:300px;}

.secondary-portlet{background:url(../images/sub/secondary-portlet-bottom.png) no-repeat bottom left #D0E7FE; padding-bottom:14px;}
.secondary-portlet h1{background:url(../images/sub/secondary-portlet-top.png) no-repeat top left; font-size:13px; color:#000; padding:11px 0 0 12px; margin-bottom:5px;}
.secondary-portlet ul{margin-left:12px;}
.secondary-portlet li{background:url(../images/sub/secondary-portlet-li.png) no-repeat 0 4px; font-size:11px; padding-left:15px;}


#all2{background:url(../images/sub/secondary-portlet-bottom.png) no-repeat bottom left #D0E7FE; padding-bottom:14px; float:left;}

#prout {
	float:left;
	margin-left:10px;
}
#all3 {float:left; width:500px; padding-top:10px;}
