/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */

h1.homepagelogo {background: url(../images/careernav-logo.jpg) no-repeat; text-indent:-999em;width:325px;height:75px;margin:0 0 0 35px;}
a.homepagelogolink {display:block;height:75px;width:325px;}

.outer { margin: 0 auto; width: 990px; }

.main { position:relative; float: left; width: 100%; background: url(../images/main-bg.gif) repeat-y; }
.header { width: 100%; float: left; background: #787b74 url(../images/header-bg.jpg) repeat-x; color: #fff; font-size: 1.1em; height: 86px; padding: 0; }

.req { color: #d00; font-weight: bold; }

/* hidden text */
/* h1 { left: -999em; outline: none; position: absolute; display: block; overflow: hidden; }*/

a.btn { width: 102px; line-height: 25px; display: block; background: url(../images/red-btn.gif) no-repeat; color: #fff !important; text-align: center; font-weight: bold; font-size: 12px; }

/* green things */
.summarysearch .summary strong, .nav li a:hover, .nav li a:focus { color: #b5df67; }
 
/* purple background things */
.blurbs ul.sections, .forum th, .forum .topic-posts .summary, .forum .posts h3 { background-color: #7348ad; }

/* red things */
.blurbs h3, .blurbs h3 a, a.blurbs-more span, .home .subcontent .featured h3, .home .subcontent .featured a.more span, .home .subcontent a.posts-more span, .home .subcontent .posts .content .item .summary a.title, .page .maincontent a, .forum td.title { color: #c30705; }

.header a { color: #fff; text-decoration: none; }
.header a:hover, .header a:focus { text-decoration: underline; }

.header .leader { padding-left: 10px; float: left }
.header .logologin { float: left; margin-top: 10px }
.header .logo { margin: 0 0 0 34px; float: left; }
.header .login { position: absolute; right: 10px; top: 9px; width: 385px; height: 98px; background: url(../images/bg-login.png) no-repeat 0 0 }
.header .login h3 { color: #fff; font-size: 1.4em; margin: 0; padding: 10px 0 15px 0; }
.header .login .options { float: right; width: 160px; text-align: right; margin: 0 5px 7px 0; font-size: 1.2em; }
.header .login .options a.on { font-weight: bold; padding: 2px 3px; background-color: #78b02f; }
.header .login .note { border-top: 1px solid #4e514a; padding: 7px 0 0 0; clear: both; }
.header .login div.login-description, .header .login div.login-form, .header .login div.login-logout {width: 365px; padding: 3px 10px; }
.header .login .description {height: auto; font-size: 12px; font-family: Tahoma,Arial,helvetica,sans-serif; line-height: 16px; padding: 0; width: auto}
.header .login .buttons {position: absolute; right: 10px; bottom: 10px; height: 21px;}
.header .login .buttons a {margin: 0 0 0 10px}
.header .login .login-form strong {display: block; width: 69px; float: left; line-height: 25px}
.header .login .login-form p {clear: both; float: none; margin: 5px 0 0 0; padding: 0; height: 30px }
.header .login .login-form a {text-decoration: underline; margin-top: 5px}
.header .login .login-form span.textbox {display: block; float: left; background: url(../images/bg-input-l.png) no-repeat; width: 186px; height: 17px; border: 0; padding: 6px;}
.header .login .login-form span.textbox input {border: 0; width: 180px; font-size: 11px; color: #666; height: 16px}
.header .login .login-logout {padding: 0 5px}
.header .login .login-logout h3 {display: block; float: left }
.header .login .login-logout a {display: block; float: right; padding: 0; margin: 11px 5px 0 0; font-size: 11px; text-decoration: underline; font-weight: normal}
.header .login .login-logout span {color: #474747; font-size: 11px; display: block}
.header .login .login-logout .summary {padding-top: 5px; float: left;}
.header .login .login-logout .summary .div1 {float: left; width: 110px; padding-left: 10px; float: left}
.header .login .login-logout .summary .div2 {float: left; width: 140px; padding-left: 10px; float: left}
.header .login .login-logout .avatar {padding-top: 5px; float: left; text-align: center; margin: 0 auto; width: auto; margin-right: 10px; }
.header .login .login-logout .avatar span {width: 100%; font-size: 11px; color: #fff; background: url(../images/bg-avatar.png) repeat-x 0 100%; height: 19px; line-height: 19px; display: block}
.header .login input.btnlogin {float: left; margin-left: 10px}
.header .login .links {position: absolute; right: 10px; bottom: 0px; height: 21px;}
.header .login .links a {margin: 10px 0 0 10px}
.header .login .logout {position: absolute; right: 10px; bottom: 10px}

.summarysearch {  background: #62665d url(../images/summary-bg.jpg) repeat-x top; float: left; width: 100%; color: #fff; }
.summarysearch .summary { float: left; font-size: 1.5em; width: 545px;padding: 18px 20px 16px 20px; height: 33px; }
.summarysearch .search { position: absolute; right: 10px; top: 107px; background: url(../images/bg-search.png) repeat-x; padding: 9px 0 0 0; height: 37px; width: 385px; text-align: center; }
.summarysearch .search div.textbox { float: left;background: url(../images/bg-search-box.png) no-repeat; padding: 2px 2px; margin-left: 16px; padding: 0; height: 28px; width: 278px;   }
.summarysearch .search div.textbox input.text { border: none; color: #3e3c3c; width: 250px; background: none; margin: 0; text-indent: 0 }
.summarysearch .search input.btnsearch {float: left; margin-left: 10px}

* html .header .login strong {width: 60px}
* html .summarysearch .summary {padding: 20px 20px 1px 20px; height: 35px}
* html .summarysearch .search {padding-bottom: 17px}
.message { background-color: #e9e9e9; text-align: center; padding: 5px 0; margin: 0 0 10px 0; }

/* main navigation */
.nav { font-size: 1.4em; float: left; width: 942px; padding: 6px 24px 0 24px; background: url(../images/nav-bg.gif) repeat-x; height: 40px; }
.nav ul { list-style: none; }
.nav li { float: left; margin: 0 15px 0 0; }
.nav li a { text-decoration: none; color: #fff; padding-left: 15px; line-height: 36px; }
.nav li.on a { background: url(../images/tab-left.gif) no-repeat; }
.nav li.on a:hover, .nav li.on a:focus { color: #fff; }
.nav li.on a span { background: url(../images/tab-right.gif) no-repeat right top; }
.nav li a, .nav li a span { float: left; display: block; cursor: pointer }
.nav li a span { padding-right: 10px; }

/* home page */
.home { background: url(../images/home-body-bg.gif) repeat-y; float: left; width: 100%; }
.home .maincontent { float: left; width: 650px; padding: 27px 7px 27px 15px; font-size: 1.1em; }
.home .maincontent .profiling { float: left; width: 300px; border: 1px solid #d7d7d7; padding: 9px; }
.home .maincontent .profiling .content { min-height: 0; line-height: 1.6em; border: 1px solid #d7d7d7; padding: 5px; float: left; position: relative;width:288px; }
.home .maincontent .profiling .content a.learnmore { position: absolute; display: block; bottom: 3px; right: 3px; }
.home .maincontent .program { float: right; width: 321px; color: #fff; font-size: 1.1em; }
.home .maincontent .program img { float: right; }
.home .maincontent .program ul { list-style: none; width: 130px; padding: 12px 0 0 4px; float: left; }
.home .maincontent .program li { padding: 0 0 0 15px; margin: 7px 0; background-repeat: no-repeat; font-size: 0.95em; }
.home .maincontent .professional { background-color: #8f6bbf; margin: 0 0 4px 0; }
.home .maincontent .professional li { background-image: url(../images/tick-purple.gif); }
.home .maincontent .personal { background-color: #9bcb4f; }
.home .maincontent .personal li { background-image: url(../images/tick-green.gif); }
.home .maincontent .sponsors { margin: 10px 0 20px 0; float: left; }

.home .subcontent a { text-decoration: none; }
.home .subcontent a:hover, .home .subcontent a:focus { text-decoration: underline; }
.home .subcontent { float: left; width: 300px; padding: 18px 9px; font-size: 1.1em; }

/* home feature panel */
.home .maincontent .feature-panel { position: relative; margin: 0 0 7px 0; width: 650px; height: 360px; background: url(../images/feature-panel/background.png) no-repeat 0 0; }
.home .maincontent .feature-panel ul { float: left; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 2px 10px; padding: 3px 0 0 3px; width: 620px; }
.home .maincontent .feature-panel ul li { float: left; margin: 0 3px 0 0; padding: 8px; }
.home .maincontent .feature-panel ul li a { outline: none; color: #fff; font-weight: bold; padding-left: 18px; line-height: 31px; text-decoration: none; font-size: 12px; }
.home .maincontent .feature-panel ul li a span { padding-right: 18px; }
.home .maincontent .feature-panel ul li.on a { background: url(../images/feature-panel/tab-left.png) no-repeat; }
.home .maincontent .feature-panel ul li.on a, .home .maincontent .feature-panel li.on a span { float: left; display: block; color: #000; }
.home .maincontent .feature-panel ul li.on a span { background: url(../images/feature-panel/tab-right.png) no-repeat right top; }

.home .maincontent .feature-panel .panel { display: none; margin-left: 2px; }
.home .maincontent .feature-panel .panel.selected_panel { display: block !important; position: absolute; left: 0; top: 52px; }
.home .maincontent .feature-panel .panel-nav { position: absolute; top: 320px; right: 0; }
.home .maincontent .feature-panel .panel-nav ul { width: auto; }
.home .maincontent .feature-panel .panel-nav a { color: #000; font-weight: normal; background-color: #ededed; padding: 2px 5px; }
.home .maincontent .feature-panel .panel-nav a.on { color: #fff; background: #78b02f; }

/* paging */
.paging { text-align: center; width: auto; margin-top: 10px }
.paging li { display: inline; padding: 4px}
.paging li a { color: #000 !important; font-size: 12px; font-weight: normal; line-height: 31px;text-decoration: none; background-color: #ededed; padding: 2px 5px; }
.paging li a.on { color: #fff !important; background: #78b02f; }

/* blurbs */
.blurbs { padding: 2px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; float: left; width: 294px; background: #fff; }
.blurbs ul.sections { list-style: none; float: left; width: 291px; padding: 3px 0 0 3px; margin: 0 0 2px 0; }
.blurbs ul.sections li { float: left; margin: 0 3px 0 0; }
.blurbs ul.sections li a { color: #fff; font-weight: bold; padding-left: 18px; line-height: 21px; text-decoration: none; }
.blurbs ul.sections li span a { padding-right: 18px; }
.blurbs ul.sections li.on { background: url(../images/subcontent-tab-left.gif) no-repeat; }
.blurbs ul.sections li.on a, .blurbs ul.sections li.on a span { float: left; display: block; color: #000; }
.blurbs ul.sections li.on span a { background: url(../images/subcontent-tab-right.gif) no-repeat right top; }

.blurbs .content { background: url(../images/subcontent-box-bg.gif) repeat-x top; padding: 15px 12px 7px 7px; float: left; min-height: 0 }
.blurbs h3 { font-weight: normal; font-size: 1.3em; margin-bottom: 10px}
.blurbs .content a { float: left; margin: 0 10px 0 0; }
.blurbs .content .blurb { float: left; width: 155px; }
a.blurbs-more { display: block; background: url(../images/subcontent-box-bottom.gif) no-repeat; width: 295px; padding: 0 5px 0 0; line-height: 26px; color: #000; font-size: 1.1em; float: left; text-align: right; }
a.blurbs-more span { font-weight: bold; }

.home .subcontent .featured { float: left; margin: 10px 0 0 0; width: 100%; }
.home .subcontent .featured h2 { color: #fff; line-height: 24px; text-indent: 10px; margin: 0; padding: 0 0 11px 0; background: #7348ad url(../images/subcontent-grey-gradient.gif) repeat-x bottom; font-size: 1.15em; }
.home .subcontent .featured .content { width: 180px; float: left; padding: 0 10px 8px 10px; min-height:0 }
.home .subcontent .featured img { float: right; border: 1px solid #d7d7d7; margin: 10px 10px 0 0; }
.home .subcontent .featured h3 { font-weight: normal; font-size: 1.3em; padding: 0 0 0.5em 0; }
.home .subcontent .featured a.more { display: block; background: url(../images/subcontent-grey-gradient.gif) repeat-x top; width: 295px; padding: 0 5px 0 0; line-height: 26px; color: #000; font-size: 1.1em; float: left; text-align: right; border-bottom: 1px solid #d7d7d7; }
.home .subcontent .featured a.more span { font-weight: bold; }

.home .subcontent .posts { float: left; margin: 10px 0 0 0; padding: 2px; background: #fff; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; width: 294px; }
.home .subcontent .posts h2 { color: #fff; line-height: 24px; text-indent: 10px; margin: 0 0 2px 0; padding: 0; background-color: #7348ad; font-size: 1.15em; }
.home .subcontent .posts .content { /*background:url(../images/subcontent-box-bg.gif) repeat-x top;*/ padding: 15px 12px 7px 7px; float: left; min-height: 0 }
.home .subcontent .posts .content .item { float: left; margin: 0 0 15px 0; }
.home .subcontent .posts .content .item img { float: left; margin: 0 8px 0 0; }
.home .subcontent .posts .content .item .summary { width: 190px; float: left; }
.home .subcontent .posts .content .item .summary .username { font-weight: bold; font-size: 1.1em; }
.home .subcontent .posts .content .item .summary .datetime { color: #676767; margin: 0 0 7px 0; }
.home .subcontent .posts .content .item .summary a.title { font-size: 1.1em; }
.home .subcontent a.posts-more { display: block; background: url(../images/subcontent-box-bottom.gif) no-repeat; width: 295px; padding: 0 5px 0 0; line-height: 26px; color: #000; font-size: 1.1em; float: left; text-align: right; }
.home .subcontent a.posts-more span { font-weight: bold; }

/*HOMEPAGE FORUM SUMMARY*/
.home .subcontent .posts .item { float: left; margin-bottom: 5px; line-height: 14px; }
.home .subcontent .posts .item .avatar { float: left; width: 100px; margin: 2px; text-align:center;}
.home .subcontent .posts .item .summary { float: left; width: 160px; }
.home .subcontent .posts .item .summary .username { font-weight: bold; }
.home .subcontent .posts .item .summary .datetime { color: #676767; font-size: 0.9em; margin-bottom: 5px; }
.home .subcontent .posts .item .summary .topictitle { color: #c30705; width: 130px; float: left; background: url(../images/forum_dot_bk.png) repeat-x bottom left; }
.home .subcontent .posts .item .summary .topictitle span { background-color: #fff; }
.home .subcontent .posts .item .summary .topiccount { float: left; width: 15px; float: left; margin-left: 3px; }

.subcatnav { width: 100%; float: left; background-color: #50910a; font-size: 1.2em; color: #fff; }
.subcatnav .inner { width: 990px; margin: 0 auto; padding: 5px 0 8px 0; }
.subcatnav ul { list-style: none; padding: 0 0 0 15px; }
.subcatnav li { display: inline; padding: 0 17px 0 0; }
.subcatnav li a { color: #fff; text-decoration: none; font-weight: bold; }
.subcatnav li a:hover, .subcatnav li a:focus { color: #4d5149; }

.sponsors { float: left; margin: 25px 0; width: 100%; }
.sponsors .top, .sponsors .bottom { float: left; height: 4px; width: 100%; background-repeat: no-repeat; }
.sponsors .content { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; float: left; min-height: 0 !important }
.sponsors a {  float: left; width: 160px; height: 50px; display: block }
.landscape-ad {width: 100%; margin: 0 auto; text-align: center}

.home .sponsors .top { background-image: url(../images/sponsors/home-box-top.gif);height: 10px; padding: 7px 10px }
.home .sponsors .bottom { background-image: url(../images/sponsors/home-box-bottom.gif); }
.home .sponsors .content { width: 648px; min-height: 0 !important }
.home .sponsors .content img { padding: 0 10px; }

.page .sponsors .top { background-image: url(../images/sponsors/box-top.gif);height: 10px; padding: 7px 10px  }
.page .sponsors .bottom { background-image: url(../images/sponsors/box-bottom.gif); }
.page .sponsors .content { width: 818px; min-height: 0 !important }
.page .sponsors .content img { padding: 0 20px; }

/* all non-home pages */
.page { background: none; }
.page .body { background: url(../images/page-body-bg.gif) repeat-y; float: left; width: 100%; position: relative; padding-bottom: 20px}
.page .maincontent { width: 821px; xfloat: left; padding: 15px 0 25px 15px; line-height: 1.55em; font-size: 1.2em; color: #000; min-height: 600px}
.page .maincontent a { text-decoration: none; }
.page .maincontent a:hover, .page .maincontent a:focus { text-decoration: underline; }
.page .maincontent h2 { color: #7348ad; font-size: 1.9em; letter-spacing:-0.05em; }
.page .maincontent h3 { color: #78b02f; font-size: 1.5em; }
.page .maincontent h4 { font-size: 1.2em; }
.page .maincontent ul {margin: 0 0 15px 45px}
.page .maincontent ul.links { list-style: none; margin: 0 0 20px 0; }
.page .maincontent .links li { padding: 0 0 0 13px; background: url(../images/page-body-list-arrow.gif) no-repeat 4px 8px; }
.page .maincontent table {border-color: #999;clear:both}
.page .maincontent table tr.head td {background: #CDE5A7; font-weight: bold}
.page .maincontent table td {padding: 2px 6px; vertical-align:top;}
.page .maincontent div.emptyResults {font-weight:bold; color:#FF0000;}
.page .content { xfloat: left; xwidth: 490px; min-height:500px }
.page .hero { float: right; width: 300px; padding: 0 0 0 20px; }
.page .hero .share { text-align: right; padding: 0 0 20px 0; }
.share { position: absolute; left: 720px; }
.share .threebuttons {background:url(../images/btn-share-bg.png) no-repeat top left;width:145px;padding:2px 0 5px 9px;left: -30px; position: absolute}
.share .threebuttons a {text-decoration:none!important}
.page .breadcrumb { font-size: 0.9em; color: #b2b2b2; margin: 0 0 20px 0; }
.page .breadcrumb a { text-decoration: none; color: #666; }
.page .breadcrumb a:hover, .page .breadcrumb a:focus { text-decoration: underline; }

.maincontent .form { float: left; }
.maincontent .form form { float: left; }
.maincontent .form .note { font-size: 0.95em; font-weight: normal; }
.maincontent .form label { display: block; font-weight: bold; padding: 10px 0; }
.maincontent .form .btn { float: right; margin: 0 0 0 5px; }
.maincontent .form .btn { border: none; background: url(../images/career_finder/btn_bk.png) no-repeat top left; font-weight: bold; color: #fff; font-size: 1.0em; width: 65px; height: 25px; padding-bottom: 3px; }
.maincontent .form .btn.back { float: left; }
.maincontent .form h3 { color: #67409c; font-weight: normal; }

.contentbox { padding: 2px; width: 804px; background-color: #d8cbe9; float: left; }
.contentbox .inner { padding: 2px; float: left; width: 810px; background: #fff; }

/* career pages */
.career {width: 814px}
.career .share { float: right; }
.career .formcontent { float: left; width: 470px; }

/* package purchase */
.processingpayment {width:305px;margin-top:150px; padding:0 0 0 64px;text-align:center;font-weight:bold;}
.packagepurchase .inner .formcontent input.text {display:inline !important;}
.packagepurchase .inner .formcontent select {display:inline !important;}
.packagepurchase .inner .formcontent label {display: block !important;}

/* container for left side content */
.career .form { width: 470px; padding: 15px 0 30px 20px; }
.career .form.signup { width: 370px; }
.career .form .formfields { width: 305px; padding: 0 0 0 64px; }
.career .form .formfields.signup { padding: 0; }
.career .form h3 span { font-weight: bold; font-size: 1.3em; }
.career .stepinfo { float: right; width: 294px; background-color: #e6e6e6; margin: 0 5px 0 0; min-height: 760px; height: auto !important; height: 760px; }
.career .stepinfo .step { background-color: #eee; float: left; padding: 13px 15px 13px 38px; width: 241px; border-bottom: 1px dotted #abacaa; }
.form .formfields .pkg-minutes { margin:20px 0 0 0; }

/* need an extra div because there are two separate backgrounds */
.career .stepinfo .step .info { float: left; background-repeat: no-repeat; width: 100%; }
.career .stepinfo .step.on { background: #cde5a7 url(../images/careerlogin/career-option-bg.gif) no-repeat left center; }
.career .stepinfo .step h4 { line-height: 53px; padding: 0 0 4px 75px; color: #abacaa; font-weight: normal; font-size: 1.5em; }
.career .stepinfo .step h4 span { font-weight: bold; }
.career .stepinfo .log .info { background-image: url(../images/careerlogin/side-login-off.gif); }
.career .stepinfo .details .info { background-image: url(../images/careerlogin/side-details-off.gif); }
.career .stepinfo .purchase .info { background-image: url(../images/careerlogin/side-purchase-off.gif); }
.career .stepinfo .confirm .info { background-image: url(../images/careerlogin/side-confirm-off.gif); }
.career .steps { background: url(../images/careerlogin/career_login_bk.gif) repeat-x top left; float: left; width: 100%; }
.career .steps img { float: left; }

/* on states */
.career .stepinfo .on h4 { color: #50910a; }
.career .stepinfo .log.on .info { background-image: url(../images/careerlogin/side-login-on.gif); }
.career .stepinfo .details.on .info { background-image: url(../images/careerlogin/side-details-on.gif); }
.career .stepinfo .purchase.on .info { background-image: url(../images/careerlogin/side-purchase-on.gif); }
.career .stepinfo .confirm.on .info { background-image: url(../images/careerlogin/side-confirm-on.gif); }

/* directory */
.directory .inner { padding: 0; width: 814px; background: url(../images/directory-bg.gif) repeat-y; background-color: #fff; }
.page .directory h3 { font-size: 1em; color: #000; padding: 6px 10px 18px 2px; background: url(../images/subcontent-box-bg.gif) repeat-x bottom; }
.page .directory h3 span { font-weight: normal; }
.directory .industries { font-size: 0.95em; width: 166px; padding: 2px 4px 2px 2px; float: left;background: white }
.directory .industries label { font-size: 1.1em; display: block; float:left;width:120px;margin-bottom:5px }
.directory .industries input {clear:both;float:left;margin-right:10px;margin-top:3px}
* + html .directory .industries input {margin-top: 0}
.directory .industries a.clear { font-size: 1.1em; display: block; border-bottom: 1px solid #d7d7d7; margin: 0 0 6px 0; padding: 0 0 6px 28px; background: url(../images/careerlogin/cancel.gif) no-repeat 12px 3px; }
.directory .profiles { font-size: 0.95em; float: left; width: 618px; padding: 2px 2px 2px 8px; }
.directory .profiles .group { float: left; width: 137px; padding: 0 0 11px 20px; }
.directory .profiles .first { padding-left: 5px; }
.directory .profiles ul { list-style: none; margin: 0; padding: 0; }
.directory .profiles h4 { color: #78b02f; font-size: 1.1em; padding: 0 0 0.3em 0; }

.careerfinder .content { width: 275px; min-height: 0 }
.careerfinder .hero { width: 310px; }
.careerfinder .item { padding: 0 0 20px 96px; width: 382px; background-repeat: no-repeat; float: left; }
.careerfinder .item h3 { color: #c30705; }
.careerfinder .search { background-image: url(../images/career-search.gif); }
.careerfinder .job { background-image: url(../images/career-job.gif); }
.careerfinder .explore { background-image: url(../images/career-explore.gif); }
.careerfinder .blurbs { font-size: 0.95em; line-height: 15px; }
.careerfinder .blurbs h3 { color: #c30705; font-size: 1.3em; }
.careerfinder a.blurbs-more { color: #000; }

/* forum pages */
.forum .contentbox { font-size: 0.95em; line-height: 15px; }
.forum .share { float: right; }
.forum a.search { float: right; margin: 2px 2px 4px 0; }
.forum table { width: 100%; }
.forum th { color: #fff; font-weight: bold; text-align: left; padding: 4px 0; }
.forum td { padding-top: 7px; padding-bottom: 7px; vertical-align: top; border-bottom: 2px solid #fff; background-color: #e9e9e9; }
.forum .title { background-color: #e3daef; padding-left: 15px; font-size: 1.1em; font-weight: bold; text-align: left; }
.forum .thread { padding-left: 15px; padding-right: 15px; }
.forum .thread a { font-size: 1.1em; display: block; }
.forum .mods, .forum .tops, .forum .psts { text-align: center; }
.forum .pages { float: left; width: 550px; padding: 7px 0 0 10px; text-align: left; }
.forum .posts h3 { color: #fff; font-weight: bold; text-align: left; font-size: 1.1em; line-height: 24px; padding: 0 0 0 12px; }
.forum .posts h2 { color: #fff; line-height: 24px; text-indent: 10px; margin: 0 0 2px 0; padding: 0; background-color: #7348ad; font-size: 1.15em; }
.forum .posts .content { padding: 15px 12px 7px 7px; float: left;  min-height:0 }
.forum .posts .content .item { float: left; margin: 0 0 15px 0; }
.forum .posts .content .item img { float: left; margin: 0 8px 0 0; }
.forum .posts .content .item .summary { width: 190px; float: left; }
.forum .posts .content .item .summary .username { font-weight: bold; font-size: 1.1em; }
.forum .posts .content .item .summary .datetime { color: #676767; margin: 0 0 7px 0; }
.forum .posts .content .item .summary a.title { font-size: 1.1em; }

.forum .topic-posts .item { float: left; width: 100%; }
.forum .topic-posts .first { background-color: #ededed; padding: 28px 0 0 0; }
.forum .topic-posts .summary { color: #fff; float: left; width: 776px; padding: 5px 12px; }
.forum .topic-posts .summary span { font-weight: bold; }
.forum .topic-posts .summary .user { float: left; width: 500px; }
.forum .topic-posts .summary .stats { float: right; width: 250px; text-align: right; }
.forum .topic-posts .content { float: left; width: 780px; min-height:0; padding: 20px 10px 20px 10px; background: #fff url(../images/subcontent-box-bg.gif) repeat-x top; margin: 2px 0 0 0; }
.forum .topic-posts .avatar { float: left; margin: 0 12px 0 0; }
.forum .topic-posts .post { float: left; width: 660px; }
.forum .topic-posts .pages-bottom { padding: 15px 10px; background: url(../images/subcontent-box-bg.gif) repeat-x top; float: left; width: 780px; }
.forum .topics { padding-bottom: 10px; }
.forum .topics .start, .forum .topics .replies, .forum .topics .views { text-align: center; }
.forum .topics .thread, .forum .topics .last { text-align: left; }
.forum .newtopic { border: 2px solid #fff; background: #fff url(../images/subcontent-box-bg.gif) repeat-x top; width: 770px; padding: 13px; }
.forum .form { width: 442px; float: left; padding: 15px 0 0 0; }
.forum .form form { width: 409px; padding: 0 0 0 33px; }

.forum .newtopic .rules { float: right; width: 290px; background-color: #e6e6e6; padding: 2px; font-size: 1.1em; line-height: 1.4em; }
.forum .newtopic .rules h3 { background-color: #abacaa; color: #fff; margin: 0; padding: 6px 10px; font-size: 1em; }
.forum .newtopic .rules .content { padding: 15px 10px 50px 10px; width: 270px; min-height: 0}
.forum .newtopic .rule { padding: 9px 0 14px 35px; background-repeat: no-repeat; background-position: top left; }
.forum .newtopic .rule h4 { font-size: 1em; font-weight: bold; padding: 0 0 0.6em 0; }
.forum .newtopic .one { background-image: url(../images/green-one.jpg); }
.forum .newtopic .two { background-image: url(../images/green-two.jpg); }
.forum .newtopic .three { background-image: url(../images/green-three.jpg); }
.forum .newtopic .rules a.more { text-align: center; display: block; font-weight: bold; padding: 30px 0 0 0; }

.page .subcontent { position: absolute; top: 0; right: 0; width: 120px; padding: 10px 10px 20px 0; }

.container { float: right; padding: 15px 7px; background-color: #d8cbe9; }

.footer { font-size: 1.1em; }
.footer a { text-decoration: none; }
.footer a:hover, .footer a:focus { text-decoration: underline; }
.footer .industries { min-height: 252px; height: auto !important; height: 252px; float: left; width: 100%; position: relative; }
.footer .industries h2 { padding: 0; line-height: 36px; color: #717376; margin: 0; background: #d0d1cf; text-indent: 15px; font-weight: normal; font-size: 1.6em; }
.footer .subnav { clear: both; float: left; width: 960px; background: #4d514a; padding: 10px 15px; }
.footer .subnav ul { list-style: none; float: left; }
.footer .subnav li { float: left; }
.footer .subnav li a { display: block; border-left: 1px solid #fff; line-height: 11px; color: #fff; padding: 0 8px; }
.footer .subnav li.first a { border: none; }
.footer .subnav a.rss { float: left; }
.footer .content { min-height: 187px; height: auto !important; height: 187px; background: #9fa29c url(../images/footer-content-bg.jpg) repeat-x; padding: 15px 40px; float: left; width: 910px; }
.footer .content ul { list-style: none; width: 130px; float: left; margin: 0 0 0 26px; }
.footer .content ul.first { margin-left: 0; }
.footer .content li { padding: 0 0 5px 0; }
.footer .content li a { color: #444; }
.footer .copy { color: #fff; float: left; width: 150px; margin: 30px 0 0 0; }
.footer .wiliam { float: right; width: 195px; }
.footer .wiliam a { padding: 0 100px 0 0; line-height: 43px; display: block; color: #fff; background: url(../images/wiliam-logo.gif) no-repeat right; width: 100px; float: right; margin: 20px 0 0 0; }

/* full width gradient bg */
.footer-wide { width: 100%; height: 252px; background: url(../images/footer-wide-bg.jpg) repeat-x; float: left; margin: -252px 0 0 0; }

/* career development */
.career-development { }
.career-development .package-list { background: #d8cbe9; padding: 3px; }
.career-development .package-list .package { border: solid 1px #b3a7c5; background: #fff; margin: 2px 0 4px 0; position: relative; }
.career-development .package-list .package img { position: absolute; right: 10px; top: 10px; }
.career-development .package-list .package .inner-package { padding: 10px; width: 600px; }
.career-development .package-list .package .inner-package h3 { line-height: 50px; height: 30px; }
.career-development .package-list .package .inner-package h3 span { background: url(../images/career-development/number.png) no-repeat 0 0; text-align: center; padding: 10px 20px 10px 18px; color: #fff; }
.career-development .package-list .package .inner-package p { margin-top: 8px; }
.career-development-signup { width: 748px; height: 49px; padding: 23px 36px; background: #d8cbe9; clear: both; margin-bottom: 20px; }
.career-development-signup p { float: left; display: block; padding-left: 100px; background: url(../images/career-development/signup.png) no-repeat 0 0; width: 480px; height: 4.8em; overflow: hidden; }
.career-development-signup a.signup { display: block; float: right; margin: 10px 0; background: url(../images/buynow.jpg) no-repeat 0 0; width: 120px; height: 34px; }
.career-development-signup a.signupfree { display: block; float: right; margin: 10px 0; background: url(../images/career-development/btn-signup.png) no-repeat 0 0; width: 120px; height: 34px; }

/* life skills */
.life-skills { }
.life-skills h3 a { color: #c30705; }
.life-skills h3.author-title { margin-top: -15px; font-size: 14px; font-weight: normal; color: #7348AD; }
.life-skills img.thumbnail {padding: 0 10px 20px 0; float: left}

.accessrequired {width:592px;float:left;background:#d8cbe9;margin-bottom:20px;padding:15px 16px;text-align:center;}
.accessrequired span {font-weight:bold;display:block;margin-bottom:10px;font-size:1.1em;}
.accessrequired .title {font-weight:bold;font-size:1.2em;color:#C30705;width:300px;margin:0 auto 10px;}
.accessrequired .leftcolumn {width:264px;float:left;}
.accessrequired .rightcolumn {width:310px;float:left;}

.accessrequired .leftcolumn label {float:left;margin:2px 0;clear:left;width:60px;text-align:right;padding:0 10px 0 0;}
.accessrequired .leftcolumn input {float:left;margin:2px 0;}
.accessrequired .leftcolumn a {float:right;margin-right:30px;margin-top:5px;}
.accessrequired .rightcolumn a.btn {margin: 0 auto;}
.accessrequired a.upgrade {margin:0 auto;}

.lblAlert {clear:both;float:left;margin:0;padding;0;width:1px;display:none !important;}

/* spotlights */
.spotlights { float: right; margin-left: 10px; }
.spotlight { font-size: 11px; color: Black; padding: 10px; width: 165px; margin-bottom: 17px; }
.spotlight img { width: 165px; margin: 0; border: 0; padding: 0; }
.spotlight.green { background: #cde5a7 url(../images/spotlights/bg-top.png) no-repeat 0 0; }
.spotlight.green .spotlight-link { display: block; height: 33px; width: 165px; margin-left: -10px; text-indent: 15px; font-size: 12px; line-height: 33px; background: url(../images/spotlights/bg-bot.png) no-repeat 0 0; }
.spotlight.grey { background: #f4f4f4; }
.spotlight.grey h3 { color: #000 !important; font-size: 14px; }
.spotlight.grey .spotlight-link { color: #000 !important; font-size: 11px; font-weight: bold; }
.author { float: right; font-size: 11px; color: Black; padding: 10px; width: 165px; margin-bottom: 17px; background: #cde5a7; }
.author h3 { padding-bottom: 8px; margin-bottom: 8px; border-bottom: solid 1px #adc18d; color: #000 !important; }
.author img { margin-bottom: 15px; }


/*  CAREER SEARCH - CAREER SEARCH RESULTS */
.inner .careersearch { width: 295px; margin-left: 25px; margin-top: 20px; float: left; margin-bottom: 20px; }
.inner .careersearch .careersearchtop { float: left; width: 295px; height: 4px; background: url(../images/career_finder/top_curve.png) no-repeat top left; }

.inner .careersearch .searchform { float: left; width: 253px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; font-size: 0.9em; background: url(../images/career_finder/background.png); padding: 15px 20px; }
.inner .careersearch .searchform input.text { float: right; margin-right: 10px; }
.inner .careersearch .searchform span { font-weight: bold; }
.inner .careersearch .searchform .careersearch { float: left; width: 150px; margin-top: 0; }

.inner .careersearch .searchform .salary { background: url(../images/career_finder/salary.png) no-repeat 0px 5px; }
.inner .careersearch .searchform .qualifications { background: url(../images/career_finder/qualifications.png) no-repeat 0px 5px; }
.inner .careersearch .searchform .intensity { background: url(../images/career_finder/intensity.png) no-repeat 0px 5px; }
.inner .careersearch .searchform .demand { background: url(../images/career_finder/demand.png) no-repeat 0px 5px; }
.inner .careersearch .searchform .travel { background: url(../images/career_finder/travel.png) no-repeat 0px 5px; }
.inner .careersearch .searchform .hours { background: url(../images/career_finder/hours.png) no-repeat 0px 5px; }
.inner .careersearch .searchform .conditions { background: url(../images/career_finder/conditions.png) no-repeat 0px 5px; }

.inner .careersearch .searchform .searchfield { padding-left: 50px; font-weight: bold; padding-bottom: 15px; }
.inner .careersearch .searchform .searchfield select { padding: 0; }
.inner .careersearch .searchform .searchfield p { padding: 0; margin: 0; }

.inner .careersearch .searchform .footersearch { margin-top: 15px; }
.inner .careersearch .searchform .footersearch a.clear { float: left; font-size: 1.1em; padding: 0 0 6px 28px; background: url(../images/career_finder/cancel.png) no-repeat 12px 3px; }
.inner .careersearch .searchform .career_search_btn { float: right; margin-right: 10px; border: none; background: url(../images/career_finder/btn_bk.png) no-repeat top left; font-weight: bold; color: #fff; font-size: 1.0em; width: 65px; height: 25px; }
.inner .careersearch .careersearchbottom { float: left; width: 295px; height: 4px; background: url(../images/career_finder/bottom_curve.png) no-repeat top left; }
.inner .careersearch .seperator { width: 291px; height: 8px; background: url(../images/career_finder/background.png); border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding-left: 2px; }

.inner .searchresults { width: 440px; padding: 20px 20px; float: left; font-size: 1.0em; }
.inner .searchresults .headertext { border-bottom: 1px solid #d7d7d7; margin-bottom: 5px; }
.inner .searchresults .searchresult { padding-bottom: 30px; }
.inner .searchresults .searchresult h3 { font-size: 1.1em; float: left; margin-top: 3px; }
.inner .searchresults .searchresult .criteria { float: right; }
.inner .searchresults .searchresult .criteria span { background-color: #78b02f; color: #fff; font-weight: bold; padding: 2px; }

.inner .searchresults .searchresult .IndustryTitle { float: left; width: 65px; }
.inner .searchresults .searchresult .careerIndustrys { float: left; width: 360px; }
.inner .searchresults .searchresult .careerIndustrysFull { float: left; display: none; width: 360px; }

.inner .searchresults .searchresult .careerIndustryMore { float: left; }
.inner .searchresults .searchresult .careerIndustryLess { float: left; display: none; }

.pages { text-align: center; }
.pages span { font-weight: bold; }
.pages ul { display: inline; }
.pages ul li { display: inline; }
.pages ul li a.on { font-weight: bold; }

/* CAREER SNAP SHOT */
h2.careersnapshot {float:left; padding:0;line-height: 30px}
.lastmodified {position:absolute; font-size:0.9em; right: 320px; line-height: 30px}
a.savedcareer {background: url(/images/my_career_add_saved.png) no-repeat top left;width:20px;height:16px;margin:8px 3px 3px 10px;text-indent:-999em;display:block;float:left;}

.snapshotmenu ul.sections { background-color: #7348ad; width: 807px; }
.snapshotmenu ul.sections { list-style: none; float: left; padding: 3px 0 0 3px; margin: 0 0 2px 0; }
.snapshotmenu ul.sections li { float: left; margin: 0 3px 0 0; }
.snapshotmenu ul.sections li a { color: #fff; font-weight: bold; padding-left: 18px; line-height: 21px; text-decoration: none; }
.snapshotmenu ul.sections li span a { padding-right: 18px; }
.snapshotmenu ul.sections li.on { background: url(../images/subcontent-tab-left.gif) no-repeat; }
.snapshotmenu ul.sections li.on a, .snapshotmenu ul.sections li.on a span { float: left; display: block; color: #000; }
.snapshotmenu ul.sections li.on span a { background: url(../images/subcontent-tab-right.gif) no-repeat right top; }
.snapshotmenu .topbg { background: url(../images/snapshot/snapshot_topbg1.png) repeat-x top left; height: 8px; width: 810px; float: left; }

.snapshot { }

.snapshot .requirements { width: 795px; padding-left: 5px; font-size: 0.9em; }
.snapshot .requirements .panel { float: left; padding-left: 41px; margin-top: 10px; border: left:1px solid #e8e8e8; margin-left: 9px; }
.snapshot .requirements .panel .first { border: none; }
.snapshot .requirements .panel span { font-weight: bold; display:block; width:60px; line-height:16px;margin-bottom: 10px }
.snapshot .bottombg { background: url(../images/snapshot/snapshot_topbg2.png) repeat-x top left; height: 8px; width: 810px; float: left; }

.snapshot .requirements .salary { background: url(../images/snapshot/salary.png) no-repeat top left; padding-left: 32px; }
.snapshot .requirements .qualifications { background: url(../images/snapshot/qualifications.png) no-repeat top left; width: 80px; }
.snapshot .requirements .intensity { background: url(../images/snapshot/intensity.png) no-repeat top left; }
.snapshot .requirements .demand { background: url(../images/snapshot/demand.png) no-repeat top left; }
.snapshot .requirements .travel { background: url(../images/snapshot/travel.png) no-repeat top left; }
.snapshot .requirements .conditions { background: url(../images/snapshot/conditions.png) no-repeat top left; }
.snapshot .requirements .hours { background: url(../images/snapshot/hours.png) no-repeat top left; }

.snapshot .info { background-color: #e9e9e9; float: left; }
.snapshot .info .panel { width: 255px; float: left; padding: 8px 6px; font-size: 0.9em; }

.snapshot .info .pros .title { font-size: 1.4em; color: #78b02f; border-bottom: 1px solid #d7d7d7; background: url(../images/snapshot/pros.png) no-repeat top right; padding: 5px 0; }
.snapshot .info .pros .title span { padding-left: 10px; font-weight: bold; }

.snapshot .info .cons .title { font-size: 1.4em; color: #7348ad; border-bottom: 1px solid #d7d7d7; background: url(../images/snapshot/cons.png) no-repeat top right; padding: 5px 0; }
.snapshot .info .cons .title span { padding-left: 10px; font-weight: bold; }

.snapshot .info .bottomline .title { font-size: 1.4em; color: #000; border-bottom: 1px solid #d7d7d7; padding: 5px 0; }
.snapshot .info .bottomline .title span { padding-left: 10px; font-weight: bold; }

.snapshot .info ul { list-style-type: none; margin-top: 5px; margin-left: 0 }
.snapshot .info ul li { padding-left: 20px; margin-left: 10px; }
.snapshot .info ul.ulpros li { background: url(../images/snapshot/pros_minus.png) no-repeat left; }
.snapshot .info ul.ulcons li { background: url(../images/snapshot/cons_minus.png) no-repeat left 4px; }

.snapshot .info .sep { float: left; width: 4px; background-color: #fff; height: 150px; }

/*forum*/
.forumsnapshot { width: 488px; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding: 2px; margin-top: 5px; }
.forumsnapshot .title { background-color: #7348AD; font-size: 1.1em; color: #fff; padding: 5px; font-weight: bold; }
#forumContent { height: 200px; overflow-y: scroll; overflow-x: hidden; background: url(../images/snapshot/snapshot_topbg1.png) repeat-x top right; padding: 15px 3px; }

.forumcontainer { float: left; margin-bottom: 10px; }
.forumcontainer .forumsnapshot .item { float: left; margin-bottom: 10px; line-height: 14px; }
.forumcontainer .forumsnapshot .item .avatar { float: left; width: 100px; xheight: 55px; margin: 5px; text-align:center; }
.forumcontainer .forumsnapshot .item .summary { float: left; width: 350px; }
.forumcontainer .forumsnapshot .item .summary .username { font-weight: bold; }
.forumcontainer .forumsnapshot .item .summary .datetime { color: #676767; font-size: 0.9em; margin-bottom: 5px; }
.forumcontainer .forumsnapshot .item .summary .topictitle { color: #c30705; width: 330px; float: left; background: url(../images/forum_dot_bk.png) repeat-x bottom left; }
.forumcontainer .forumsnapshot .item .summary .topictitle span { background-color: #fff; }
.forumcontainer .forumsnapshot .item .summary .topiccount { float: left; width: 15px; float: left; margin-left: 3px; }

.forumcontainer .forumsnapshot .footer { text-align: right; padding-top: 5px; padding-right: 5px; background: url(../images/snapshot/snapshot_topbg1.png) repeat-x top left; }
.forumcontainer .forumsnapshot .footer span { color: #C30705; font-weight: bold; }
.forumcontainer .footercurve { background: url(../images/snapshot/footer_curve_forum.png) no-repeat top left; width: 494px; height: 7px; }

.forumnotlogged {width:810px;clear:both;line-height:45px;text-align:center;background:#e9e9e9;font-size:1.1em;}

.forumpage {float:left;width:810px;background:#d8cbe9;padding:3px;height:100%;}
.forumpage .inner {border:solid 1px #b3a7c5;background:#FFFFFF;padding:1px;clear:both;float:left;width:804px;padding:2px 2px;}

.forumpage .inner a.forumhyperlinkbutton {background:url(../images/btn_medium.png) no-repeat top left;line-height:26px;color:#ffffff;font-weight:bold;display:block;float:left;margin-right:3px;text-align:center;width:87px;}
.forumpage .inner table.topnavbuttons {float:right;padding:0;margin:3px 0 0;border:none;}
.forumpage .inner table.topnavbuttons tbody tr td {padding:0 !important;background:none !important;}

.forumpage .inner p.navlinks {float:left;font-size:1.1em;line-height:30px;margin:0 0 0 2px;width:530px;}

.forumpage .inner select {display:inline;}
.forumpage .inner table.content tbody td.footer1 table tbody tr td {border:none !important;}

.forumpage .inner .content td.postheader {border:none;}
.forumpage .inner .content .postfooter table tbody tr td {border:none;}
.forumpage .inner .postdiv {text-align:left;}
.forumpage .inner .header1 a {color:#ffffff;}

.forumpage .inner table.profile td {border:none;text-align:left;}

.forumpage .inner .postformheader p.navlinks {width:200px;}

.relatedcareers { float: left; width: 310px; margin-left: 15px; margin-bottom: 10px; }
.relatedcareers .relatedcareerscontent { border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; padding: 2px; margin-top: 5px; height: 282px; }
.relatedcareers .relatedcareerscontent .title { background-color: #abacaa; font-size: 1.1em; color: #fff; padding: 5px; font-weight: bold; }
.relatedcareers .relatedcareerscontent .summary { margin-top: 3px; color: #c30705; background: #e9e9e9; padding: 10px 15px; }
.relatedcareers .relatedcareerscontent .summary a { color: #c30705; text-decoration: none; }
.relatedcareers .relatedcareerscontent .summary ul { list-style-type: none; padding: 0; margin: 0 }
.relatedcareers .relatedcareerscontent .summary ul li { padding-left: 15px; line-height: 25px; background: url(../images/snapshot/greaterthan.png) no-repeat center left; }
.relatedcareers .footercurve { background: url(../images/snapshot/footer_curve_related.png) no-repeat top left; width: 310; height: 7px; }

div.readmore { float: left; xmargin-top: 10px; }
div.readmore .leftsection { float: left; font-size: 1.1em; background: #d8cbe9; padding: 20px 30px; width: 410px; }
div.readmore .rightsection { float: left; font-size: 1.1em; font-weight: bold; color: #fff; background: #8f6bbf url(../images/snapshot/next_page.png) no-repeat center left; padding: 20px 30px; width: 290px; }
div.readmore .rightsection span { background: url(../images/snapshot/next_page_arrow.png) no-repeat center right; padding-right: 20px; }
div.readmore .rightsection a { color: #fff; text-decoration: none; }

/* real life blog */
.real-life { height: 100%; background: #d8cbe9; width: 820px}
.real-life .blogs {background: #fff; float: left; padding-right: 5px; width: 605px}
.real-life .boxout { border: solid 1px #b3a7c5; background: #fff; padding: 2px; clear: both; float: none; }
.real-life .boxout h3.heading { line-height: 24px; font-size: 12px; font-weight: bold; color: #fff; display: block; background: #7348ad; text-indent: 8px; margin: 0; padding: 0; }
.real-life .boxout h3 { padding: 8px; }
.real-life .sidepanel  { float: right; padding: 4px;}
.real-life .sideboxout { background: #fff; border: solid 1px #b3a7c5; padding: 2px }
.real-life .sideboxout h3.heading { line-height: 24px; font-size: 12px; font-weight: bold; color: #fff; display: block; background: #78b02f; text-indent: 8px; margin: 0; padding: 0; }
.real-life .sideboxout h3 { padding: 8px; }
.real-life .sideboxout ul { padding: 8px; margin: 0 0 0 5px }
.real-life .sideboxout ul li { background: url(../images/bullet.png) no-repeat 0 5px; padding-left: 9px; margin-bottom: 9px; list-style: none; line-height: 14px; }
.real-life .sideboxout ul li a { font-size: 11px; font-weight: bold; }
.real-life .inner { width: auto; min-height: 100px; background: url(../images/bg-paneltop.png) repeat-x 0 1px; padding-top: 10px; clear: both; float: none; }
.real-life .description {padding-right:15px;}
.real-life div.featured {width: 600px; float: left}
.real-life div.featured .inner { clear: both; float: none; height: 100%; }
.real-life div.featured .inner .summary { padding: 8px; font-size: 12px; color: #000; line-height: 15px; }
.real-life div.featured .inner .summary a.readmore { font-size: 12px; }
.real-life div.featured .inner .featured-image img {width: 598px}
.real-life .blogs img.featured {width: 598px; margin-bottom: 10px}
.real-life .other-blogs { width: 585px; float: left; margin-top: 3px; }
.real-life .blogshome{ width: 600px;}
.real-life .other-blogs .inner { padding: 15px 0 20px 20px; width: auto; }
.real-life .other-blogs .article { clear: both; float: none; padding-top: 10px; }
.real-life .other-blogs .article img { float: left; margin-right: 20px; }
.real-life .other-blogs .article .summary { width: 420px; font-size: 11px; float: left; }
.real-life .other-blogs .article .summary p { line-height: 14px; }
.real-life .other-blogs .article .summary h4 { margin-bottom: 0; padding-bottom: 4px; }
.real-life .blog-summary {background: #fff; padding: 5px 0; font-size: 11px}
.real-life .recommended { margin-top: 0px; width: 195px; }
.real-life .popular { margin-top: 5px; width: 195px; }
.real-life .recent {margin-top: 5px; width: 195px; }
.real-life .related {margin-top: 5px; width: 195px; }
.real-life .blog-details {background: #f4f4f4; font-size: 11px; padding: 14px 11px}
.real-life .blog-details p {margin: 0; padding: 0; color: #8c8c8c}
.real-life .blog-details p a {font-weight: bold; color: #c30705}
.real-life .blog-useful {background: #d8cbe9 url(../images/icon-mark.png) no-repeat 20px 50%; padding: 14px 11px 14px 80px; margin: 5px 0 2px 0}
.real-life .blog-useful h3 {font-size: 14px; font-weight: normal; color: #000; margin: 0; padding: 0}
.real-life .blog-useful a {font-weight: bold; color: #c30705; font-size: 11px; display: inline; }
.real-life .comment {padding: 8px; clear: both; float: none; margin-bottom: 0}
.real-life .comment .avatar {width: 100px; text-align: center; margin-right: 10px; float: left}
.real-life .comment img {text-align: center; margin: 0 auto}
.real-life .comment h4 {font-size: 12px; margin: 0; padding: 0 0 5px 0;}
.real-life .comment p {margin: 0; padding: 0}
.real-life .comment .small {color: #676767 }
.real-life .comment .summary { float: left; width: 430px}
.real-life .comment div.reportabuse {background:url(/images/ico-offense-report.gif) no-repeat; padding:5px 0 5px 35px; float:right;}
.real-life .comment div.reportabuse a {font-weight:bold; color:#C30705;}
.real-life .newcomment {padding: 4px 12px; background: #f4f4f4; clear: both; margin-top: 10px}
.real-life .newcomment h3 {background: url(../images/icon-comment.png) no-repeat 0 50%; line-height: 44px; text-indent: 50px; font-size: 14px; font-weight: bold;color: #000}
.real-life .newcomment label {font-weight: bold;}
.real-life .newcomment textarea {border: solid 1px #d7d7d7; background: #fff; height: 200px}
.real-life .newcomment input {margin: 10px 0}
.real-life .login {width: 192px; background: #cde5a7; float: right; margin-top: 10px}
.real-life .login .top {background: #cde5a7 url(../images/bg-fivereasons.png) no-repeat 0 100%; padding-bottom: 47px; font-size: 11px; }
.real-life .login .top p {padding: 10px; margin: 0; line-height: 14px}
.real-life .login .bot {background: #cde5a7 url(../images/spotlights/bg-top.png) no-repeat 50% 0; min-height: 83px; width: 172px; padding: 10px  }
.real-life .login .bot span {font-size: 11px}
.real-life .login .bot input {font-size: 11px; color: #666; margin-bottom: 5px}
.real-life .login .bot a {font-size: 11px}
.real-life .login .bot p, .real-life .login .bot li {font-size: 11px;}
.real-life .login .bot ul, .real-life .login .bot ol {padding: 0; margin: 0 0 0 20px}
div#reportabuse {padding:10px 0 20px 0;}
div#reportabuse a {text-decoration:none; color:#C30705;}
div#reportabuse a:focus, div#reportabuse a:hover {text-decoration:underline;}
div#reportabuse .headpanel {margin-left:20px; padding:0 0 0 35px; background:url(/images/ico-offense-report.gif) no-repeat; }
div#reportabuse .headpanel h3 {line-height:25px!important; padding:0 0 7px 0; color:#7348AD;}
div#reportabuse .bodypanel {padding:10px 0 5px 20px; background:url(/images/bg-offense-report.gif) repeat-x top left; font-size:1em; }
div#reportabuse .bodypanel span {font-size:.9em;}
div#reportabuse dt {float:left;padding:2px 10px 0 0;}
div#reportabuse dd {padding:0;}
div#reportabuse dd select {background:#fff; border:solid 1px #999999; margin:0; padding:1px;}
div#reportabuse .footerpanel {text-align:right; padding-right:20px; height:25px; font-size:1em;}
div#reportabuse .footerpanel a, div#reportabuse .footerpanel input {line-height: 25px; vertical-align:middle;}
div#reportabuse .footerpanel a {padding:0 10px 0 0;}

/* CAREER SNAP SHOT INNER PAGES */
.snapshotgeneric .authortagline { float: left; width: 780px; background: url(../images/snapshot/snapshot_topbg1.png) repeat-x bottom left; padding: 0 0 10px 20px; font-size: 0.9em; }
.snapshotgeneric .contentleft { float: left; width: 558px; padding: 0px 20px; margin-top: 15px; }
.snapshotgeneric .contentright { float: left; width: 186px; margin-top: 15px; }

.snapshotgeneric .contentright .relatedcareers { width: 185px; margin-bottom: 10px; margin-left: 0; }
.snapshotgeneric .contentright .relatedcareers .relatedcareerscontent { height: 1%; border-bottom: 1px solid #d7d7d7; }
.snapshotgeneric .contentright .relatedcareers .relatedcareerscontent .summary ul li { line-height: 15px; margin-bottom: 4px; }

.snapshotgeneric .contentright .genericspotlight { background: #cde5a7; width: 165px; padding: 15px 10px; xmargin-left: 15px; margin-bottom: 17px }
.snapshotgeneric .contentright .genericspotlight span { font-weight: bold; font-size: 1.1em; display: block; margin-bottom: 10px; }
.snapshotgeneric .contentright .genericspotlight a { display: block; text-align: right; }
.career .spotlights {margin: 0 !important}

.snapshotgeneric .contentright .forumspotlight { background: #e9e9e9; width: 185px; padding: 15px 0; xmargin-left: 15px; margin-bottom: 10px; }
.snapshotgeneric .contentright .forumspotlight .title { border-bottom: 1px solid #d7d7d7; font-weight: bold; font-size: 1.1em; text-indent: 10px; padding-bottom: 5px; margin: 0 10px; }
.snapshotgeneric .contentright .forumspotlight img { margin-top: 10px 0; display: block; margin-left: auto; margin-right: auto; }
.snapshotgeneric .contentright .forumspotlight .text { padding: 0 8px; }
.snapshotgeneric .contentright .forumspotlight .footer { margin: 0px 3px; padding: 10px 10px 0px 10px; background: url(../images/snapshot/snapshot_bk_bar_gray.png) repeat-x top left; }
.snapshotgeneric .contentright .forumspotlight .footer a { font-weight: bold; }

.snapshotgeneric .contentright .packagespotlight { width: 185px; padding: 15px 0px 0px 0px; xmargin-left: 15px; margin-bottom: 10px; border: 1px solid #d7d7d7; }
.snapshotgeneric .contentright .packagespotlight .title { color: #c30705; font-size: 1.1em; font-weight: bold; text-indent: 10px; }
.snapshotgeneric .contentright .packagespotlight img { margin: 10px 0; display: block; margin-left: auto; margin-right: auto; }
.snapshotgeneric .contentright .packagespotlight .text { padding: 0 10px; }
.snapshotgeneric .contentright .packagespotlight .footer { background: #e9e9e9 url(../images/snapshot/snapshot_bk_bar_gray.png) repeat-x top left; padding: 10px 10px 0 10px; }

.snapshotgeneric .contentleft .packagepanel { width: 177px; float: left; border: 1px solid #e9e9e9; margin: 0 5px 10px 0; }

.snapshotgeneric .contentleft .packagepanel img { display: block; margin: 15px auto; }
.snapshotgeneric .contentleft .packagepanel span { color: #78b02f; font-weight: bold; padding: 0 15px; }
.snapshotgeneric .contentleft .packagepanel p.offer { padding: 0 15px; font-size: 11px }
.snapshotgeneric .contentleft .packagepanel .footer { background: #e9e9e9; padding: 10px 15px; margin-top: 10px; }
.snapshotgeneric .contentleft .packagepanel .footer label {font-size: 11px; padding-left: 5px}
.snapshotgeneric .contentleft .packagepanel .learnmore { text-align: right; padding: 8px 5px; background: url(../images/snapshot/snapshot_topbg1.png) repeat-x top left; }
.snapshotgeneric .contentleft .packagepanel .learnmore span { color: #c30705; font-weight: bold; padding: 5px 0 0 0; }
.snapshotgeneric .contentleft .packagepanel .footer p { margin: 0; }

.snapshotgeneric .contentleft .promotionmore {clear:both;font-weight:bold;line-height:25px;margin:5px 0;}

div.readmore .fullsection { float: left; font-size: 1.1em; background: #d8cbe9; padding: 20px 30px; width: 760px; text-align: center; font-weight: normal; }
div.readmore .fullsection span { font-weight: bold; }


/*MY CAREER - LOGIN FIRST TIME */
.form.profilesetup {width:700px;}
.profilesetup .leftcolumn {float:left;width:300px;margin-right:50px;}
.profilesetup .rightcolumn {float:left;width:320px;}
.btn.profile {width:245px !important;background:url(../images/btn_long.png) no-repeat top left!important;margin-right:16px !important;}
.profilesetup .rightcolumn .timeperiod {display:block;}
.profilesetup .rightcolumn .timeperiod input {float:left;}
.profilesetup .rightcolumn .timeperiod label {float:left;padding:0;}

/*.profilesetup .rightcolumn .schoolyear {text-align:center;}*/
.profilesetup .rightcolumn .spacer {clear:both;height:10px;}
.profilesetup .rightcolumn .schoolyear {float:left;margin-left:30px;width:250px;}
.profilesetup .rightcolumn .schoolyear select {float:left;margin-top:10px;margin-right:0;width:80px;}
.profilesetup .rightcolumn .schoolyear span {float:left;width:35px;margin-top:12px;text-align:center;}

.profilesetup .rightcolumn .avatar {margin-left:20px;width:100px;margin:5px auto;}
.profilesetup .leftcolumn select.dob {float:left; margin-right:5px;}

/*MY CAREER*/
.inner .top5reasons { float: left; width: 400px; margin: 30px 0; }
.inner .signupconfirmation { padding-top: 15px; }

.mycareer {}
.mycareer .leftcolumn {float:left;width:610px;background:#d8cbe9;padding:3px;height:100%;}
.mycareer .leftcolumn .boxout {border:solid 1px #b3a7c5;background:#FFFFFF;padding:1px;clear:both;float:left;}
.mycareer .leftcolumn .boxout .activitylog {float:left;width:310px;background:#e9e9e9;}
.mycareer .leftcolumn .boxout .activitylog .inner {padding:10px;}
.mycareer .leftcolumn .boxout .activitylog .inner label {float:left;width:180px;font-weight:bold;}
.mycareer .leftcolumn .boxout .activitylog .inner .purchasedpackages {margin-top:25px;padding-top:10px;border-top:1px solid #d7d7d7;}
.mycareer .leftcolumn .boxout h3.heading {line-height: 24px; font-size: 12px; font-weight: bold; color: #fff; display: block; background: #7348ad; text-indent: 8px; margin: 0; padding: 0;}
.mycareer .leftcolumn .boxout h3 {padding:8px;}

.mycareer .leftcolumn .boxout .profile {float:left;width:290px;margin-left:5px;}
.mycareer .leftcolumn .boxout .profile h3.heading {line-height: 24px; font-size: 12px; font-weight: bold; color: #c30705; display: block; background: #FFF; text-indent: 0; margin: 0; padding: 0;}
.mycareer .leftcolumn .boxout .profile .updateprofile {width:215px;padding-left:55px;margin-left:20px;background: url(../images/my_career_update_profile.jpg) no-repeat top left;}
.mycareer .leftcolumn .boxout .profile .savedcareers {float:left;width:215px;padding-left:55px;margin-left:20px;background: url(../images/my_career_saved_careers.png) no-repeat top left;}

.mycareer .leftcolumn .boxout .featuredcareer {width:605px;}
.mycareer .leftcolumn .boxout .featuredcareer .detail {margin:15px 10px;}
.mycareer .leftcolumn .boxout .featuredcareer .detail .image {float:left;width:120px;margin:3px 5px;text-align:center;}
.mycareer .leftcolumn .boxout .featuredcareer .detail .description {float:left;width:455px;padding-bottom:15px;}
.mycareer .leftcolumn .boxout .featuredcareer .detail .description h3.heading {line-height: 24px; font-size: 12px; font-weight: bold; color: #c30705; display: block; background: #FFF; text-indent: 0; margin: 0; padding: 0;float:left;}
.mycareer .leftcolumn .boxout .featuredcareer .detail .description .favourites {float:right;}
.mycareer .leftcolumn .boxout .featuredcareer .detail .description a {padding-left:15px; background: url(../images/link_red_arrows.png) no-repeat left;}
.mycareer .leftcolumn .boxout .featuredcareer .detail .description a.addsaved {background:none;}
.mycareer .leftcolumn .boxout .featuredcareer a.savedcareer {background: url(/images/my_career_add_saved.png) no-repeat top left !important;width:20px;height:16px;margin:3px;text-indent:-999em;display:block;float:left;}

.mycareer .rightcolumn {float:left;width:185px;margin-left:17px;}
.mycareer .rightcolumn .panel {background:#d8cbe9;padding-bottom:2px;margin-bottom:10px;}
.mycareer .rightcolumn .panel .image {width:185px;border-bottom:13px solid #7348ad;background:#fff;text-align:center;/*border-top:1px solid #7348ad;border-left:1px solid #7348ad;border-right:1px solid #7348ad;*/}
/*.mycareer .rightcolumn .panel img {background:#7348ad;padding-bottom:13px;}*/
.mycareer .rightcolumn .panel .boxout {border:solid 1px #b3a7c5;background:#FFFFFF;margin:2px;padding:5px 10px 0 10px;clear:both;}
.mycareer .rightcolumn .panel .boxout h3.heading {line-height: 16px; font-size: 14px; font-weight: bold; color: #000; display: block; background: #FFF; text-indent: 0; margin: 0; padding: 0;}
.mycareer .rightcolumn .panel .boxout a {padding-left:15px;margin-bottom:5px;display:block; background: url(../images/link_red_arrows.png) no-repeat left;font-weight:bold;}

.mycareer .topbg {background:#FFF url(../images/snapshot/snapshot_topbg1.png) repeat-x left; height: 8px; width:100%;padding-top:5px;}

.inner .purchasedpackages table.packages {width:100%;}
.inner .purchasedpackages table.packages thead td {font-weight:bold;width:33%;text-align:left;}
.inner .purchasedpackages table.packages td {text-align:left;}
.inner .purchasedpackages table.packages td.name {width:100px;}
.inner .purchasedpackages table.packages td.date {width:70px;}
.inner .purchasedpackages table.packages td.price {width:60px;}

/*MY CAREER - SAVED CAREERS */
.mycareersaved {float:left;width:610px;background:#d8cbe9;padding:3px;height:100%;}
.mycareersaved .inner {border:solid 1px #b3a7c5;background:#FFFFFF;padding:1px;clear:both;float:left;width:568px;padding:25px 20px;}

.mycareersaved .inner .headerpanel {clear:both;display:block;float:left;width:100%;}
.mycareersaved .inner .headerpanel .leftcolumn {float:left;width:100px;width:77px;text-align:center;}
.mycareersaved .inner .headerpanel .select {float:left;margin-left:30px;width:450px;}
.mycareersaved .inner .headerpanel .select .title {float:left;width:140px;}
.mycareersaved .inner .headerpanel .select .maxreached {float:right;color:#c30705;}
.mycareersaved .inner .headerpanel .leftcolumn .btn { border: none; background: url(../images/btn_medium.png) no-repeat top left; font-weight: bold; color: #fff; font-size: 1.0em; width: 87px; height: 25px; padding-bottom: 3px; }

.mycareersaved .inner .leftcolumn button {width:width:88px;}

.mycareersaved .inner .career {clear:both;padding:15px 0;display:block;float:left;width:580px;}
.mycareersaved .inner .career .leftcolumn {float:left;width:100px;xmargin-left:15px;width:77px;text-align:center;}
.mycareersaved .inner .career .detail {float:left;width:475px;}

.mycareersaved .inner .career .top {border-top:1px solid #d7d7d7;padding-top:10px;}
.mycareersaved .inner .career .topleft {padding-top:10px;}
.mycareersaved .inner .career .bottom {border-bottom:1px solid #d7d7d7;padding-bottom:10px;}

.mycareersaved .inner .career .detail h3.heading {line-height: 16px; font-size: 12px; font-weight: bold; color: #c30705; display: block; background: #FFF; text-indent: 0; margin: 0; padding: 0;float:left;}
.mycareersaved .inner .career .detail .remove {float:right;}

.mycareersaved .inner .career .detail .IndustryTitle { float: left; width: 65px; }
.mycareersaved .inner .career .detail .careerIndustrys { float: left; width: 360px; }
.mycareersaved .inner .career .detail .careerIndustrysFull { float: left; display: none; width: 360px; }
.mycareersaved .inner .career .detail .careerIndustryMore { float: left; }
.mycareersaved .inner .career .detail .careerIndustryLess { float: left; display: none; }

 .rightcolumn {float:left;width:185px;margin-left:17px;}
 .rightcolumn .panel {background:#d8cbe9;padding-bottom:2px;margin-bottom:10px;}
 .rightcolumn .panel .image {width:185px;border-bottom:13px solid #7348ad;background:#fff;text-align:center;/*border-top:1px solid #7348ad;border-left:1px solid #7348ad;border-right:1px solid #7348ad;*/}
 .rightcolumn .panel .boxout {border:solid 1px #b3a7c5;background:#FFFFFF;margin:2px;padding:5px 10px 0 10px;clear:both;}
 .rightcolumn .panel .boxout h3.heading {line-height: 16px; font-size: 14px; font-weight: bold; color: #000; display: block; background: #FFF; text-indent: 0; margin: 0; padding: 0;}
 .rightcolumn .panel .boxout a {padding-left:15px;margin-bottom:5px;display:block; background: url(../images/link_red_arrows.png) no-repeat left;font-weight:bold;}

.mycareersaved .pages {clear:both;width:600px;margin-bottom:10px;}

/*MY CAREER - UPDATE PROFILE */
.updateprofile {float:left;width:810px;background:#d8cbe9;padding:3px;height:100%;}
.updateprofile .inner {border:solid 1px #b3a7c5;background:#FFFFFF;padding:1px;clear:both;float:left;width:804px;padding:2px 2px;}
.updateprofile .inner .snapshotmenu ul.sections {width:801px;}
.updateprofile .form {float:left;padding:0 0 0 64px;width:395px;margin:15px 0;}

.updateprofile .form .updateform {float:left;clear:both;margin-bottom:25px;width:406px;}
.updateprofile .form .updateform label {float:left;clear:left;width:100px;text-align:right;padding:0;margin:0;}
.updateprofile .form .updateform input {float:left;xwidth:250px;margin-left:30px;margin-bottom:10px;}
.updateprofile .form .updateform select {float:left;margin-bottom:10px;margin-right:5px;}
.updateprofile .form .updateform span {float:left;}
.updateprofile .form .updateform span.valerr {margin-left:130px;margin-bottom:10px;margin-top:-5px;}
.updateprofile .form .updateform span.checkbox {width: auto; margin: 8px 0;clear:both}
.updateprofile .form .updateform span.checkbox input {width: 20px; display: block; float:left}
.updateprofile .form .updateform span.checkbox label {padding-left: 5px; width: 220px; clear:none;float:left;text-align:left;line-height:14px }

.updateprofile .form .updateform select.first {margin-left:30px;}
.updateprofile .form .updateform .note {float:left;clear:left;width:262px;margin-left:130px;padding:15px 0;}
.updateprofile .form .updateform .btnmediumlong {float:right;clear:both;border: none; background: url(../images/btn_medium_long.png) no-repeat top left; width: 147px;margin-right:10px;}
.updateprofile .form .updateform p.mandatory {margin-bottom:23px;}

.updateprofile .form .updateform .avatar {float:left;margin-left:30px;width:250px;margin-bottom:10px;}
.updateprofile .form .updateform .avatar img {float:left;margin-bottom:5px;}
.updateprofile .form .updateform .avatar a {float:left;}
.updateprofile .form .updateform .avatar input {clear:both;margin:0;}

.updateprofile .form .updateform .timeperiod {margin-left:30px;display:block;width:270px;}
.updateprofile .form .updateform .timeperiod input {float:left;margin:0 3px 0 0;}
.updateprofile .form .updateform .timeperiod label {float:left;padding:0 0 0 2px;clear:none;width:110px;text-align:left;}

.updateprofile .form .updateform .schoolyear {float:left;xmargin-bottom:10px;margin-left:30px;width:250px;}
.updateprofile .form .updateform .schoolyear select {float:left;margin-top:10px;margin-right:0;width:80px;}
.updateprofile .form .updateform .schoolyear span {float:left;width:35px;margin-top:12px;text-align:center;}

.updateprofile .rightcolumn {float:left;width:270px;margin:15px 0 0 50px;border:1px solid #d9d9d9;padding:1px;}
.updateprofile .rightcolumn h3.heading {line-height: 24px; font-size: 12px; font-weight: bold; color: #fff; display: block; background: #abacaa; text-indent: 8px; margin: 0; padding: 0;}
.updateprofile .rightcolumn .note {background:#f9f9f9;padding:16px 14px 37px 14px;}
.updateprofile .err {border:none !important;}

.updateprofile .form .updateform .spacer {height:10px;clear:both;}

/*MY CAREER - SAVE CAREERS COMPARISON */
.mycareersavedcompare {float:left;width:810px;background:#d8cbe9;padding:3px;height:100%;}
.mycareersavedcompare .inner {border:solid 1px #b3a7c5;background:#FFFFFF;padding:1px;clear:both;float:left;width:804px;padding:2px 2px;}
.mycareersavedcompare .inner h3.heading {line-height: 24px; font-size: 12px; font-weight: bold; color: #fff; display: block; background: #7348ad; text-indent: 8px; margin: 0; padding: 0;}
.mycareersavedcompare .inner .newcompare {float:right;margin:10px 15px;}

.innercompare {border:1px solid #d7d7d7;padding:2px;margin:5px 15px;}
.innercompare table.compare {width:100%;padding-top:0;margin-top:0;}
.innercompare table.compare thead {margin:0;padding:0;}
.innercompare table.compare thead td {font-weight:bold;background:#cde5a7;height:32px;padding:3px 0 3px 20px;}

.innercompare table.compare td {padding-left:20px;height:49px;width:200px;border:1px solid #fff;}
.innercompare table.compare tbody td.salary {background:url(/images/icons/icon_salary.png) no-repeat 20px;}
.innercompare table.compare tbody td.qualifications {background:url(/images/icons/icon_qualifications.png) no-repeat 20px;}
.innercompare table.compare tbody td.intensity {background:url(/images/icons/icon_intensity.png) no-repeat 20px;}
.innercompare table.compare tbody td.demand {background:url(/images/icons/icon_demand.png) no-repeat 20px;}
.innercompare table.compare tbody td.hours {background:url(/images/icons/icon_hours.png) no-repeat 20px;}
.innercompare table.compare tbody td.travel {background:url(/images/icons/icon_travel.png) no-repeat 20px;}
.innercompare table.compare tbody td.conditions {background:url(/images/icons/icon_conditions.png) no-repeat 20px;}
.innercompare table.compare tbody td.pros {background:url(/images/icons/icon_pros.png) no-repeat 20px;}
.innercompare table.compare tbody td.cons {background:url(/images/icons/icon_cons.png) no-repeat 20px;}
.innercompare table.compare tbody td.bottomline {background:url(/images/icons/icon_bottomline.png) no-repeat 20px;}

.innercompare table.compare tbody tr.alt td {background-color:#e9e9e9 !important;}

.mycareersavedcompare .inner .topbg {background:#FFF url(../images/snapshot/snapshot_topbg1.png) repeat-x left; height: 8px; width:100%;padding-top:5px;}

.innercompare table.compare tbody td ul { xlist-style-type: none; margin: 5px 0 0 0; }
.innercompare table.compare tbody td ul li { padding-left: 0px; margin-left: 10px; }

/* 2 careers style */
.innercompare table.compare td.rowheader {width:185px;padding-left:95px;}

/* 3 careers style */

/* contact us */
.contactus {border: solid 4px #d8cbe9;}
.contactus .inner {border: solid 1px #b5a9c7; background: #fff url(../images/bg-gradient.png) repeat-x 0 2px; padding: 2px; min-height: 300px; height: 100%}
.contactus .form {width: 300px; float: left; padding: 30px 60px}
.contactus .details {float: right; width: 290px; background: #e6e6e6; padding: 1px; margin: 10px; min-height: 730px}
.contactus .details h3 {margin: 1px; padding: 5px; background: #abacaa; font-size: 12px; font-weight: bold; color: #fff;}
.contactus .details .detail {min-height: 60px; background: #eee; margin: 2px; padding: 10px; clear: both}
.contactus .details .detail .description {width: 105px; float: left; font-size: 12px; padding-top: 14px}
.contactus .details .detail h4 {display: block; line-height: 44px; width: 100px; height: 44px; float: left; padding-left: 55px; background-repeat: no-repeat; background-position: 0 0; font-weight: bold}
.contactus .details .detail h4.phone {background-image: url(../images/icon-phone.png) }
.contactus .details .detail h4.fax {background-image: url(../images/icon-fax.png) }
.contactus .details .detail h4.address {background-image: url(../images/icon-address.png) }

.form label {display: inline !important; line-height: 24px; }
.form .formerror {background: url(../images/icon-smallmark.png) no-repeat 0 0; line-height: 24px; padding: 10px 0 10px 40px; font-size: 12px; margin-left: 5px; display: inline; }
.formfail {background: url(../images/ico-hugemark.png) no-repeat 15px 15px;  border: solid 1px #b90a08; padding: 15px 15px 5px 90px; width: auto; margin-bottom: 20px; float: left }
span.formerror {background: url(../images/icon-smallmark.png) no-repeat 0 0; line-height: 24px; padding: 10px 0 10px 40px; font-size: 12px; margin-left: 5px; display: inline; }

.sitemap li { margin-left: 30px}
div.islandad {float: right; padding: 10px}

/*resource*/
.resourcecategory {float:left;width:600px;}
.resourcecategory .resource {float:left;;margin-bottom:10px;}
.resourcecategory .resource .thumbnail {float:left;width:150px;text-align:center;overflow:hidden;}
.resourcecategory .resource .summary {float:left;width:440px;margin-left:10px;}

.compare-table tr td {padding: 8px}

.institution-hed {clear:both; padding-top: 15px; color: #78B02F}
.institution-para p {display: inline}
.institution-link {font-weight: bold; margin-left: 0.5em; display: inline}
.institution-panel { border-left: solid 2px #78b02f; border-right: solid 2px #78b02f; margin-bottom: 10px}
.institution-table {width: 100%;}
.institution-table tr th, .institution-table tr.footer td {background: #78b02f; height: 26px; font-weight: bold; color: white; text-align: center; line-height: 32px}
.institution-table tr th.break, .institution-table tr.footer td.break {background-image: url(../images/bg-institution-table.png); background-repeat: repeat-y }
.institution-table tr.courses td {background: #e1efca; font-size: 11px; font-weight: normal !important; height: 40px; text-align: left; line-height: 14px; vertical-align: middle}
.institution-table tr.courses.top td {border-top: solid 2px white}
.institution-table tr.courses.bottom td {border-bottom: solid 2px white}
.institution-table tr.courses.top td.first, .institution-table tr.courses.bottom td.first {border-left: none}
.institution-table tr td {padding: 10px !important; vertical-align: middle !important; font-weight:bold !important; border-top: solid 1px #78b02f; border-left: solid 1px #78b02f; text-align: center; width:70px;}
.institution-table tr td.logo {width: 187px!important; font-weight: bold; font-size: 11px; border-left: none}
.institution-table tr td.logo p {margin: 0}
.institution-table tr.footer td {border-left: none; height: 22px; padding: 0 !important}

.institution-types {border: solid 1px #b5a9c7; padding: 10px; margin-bottom: 15px; height: 100%}
.institution-types label {font-weight: bold; display: block; margin-bottom: 10px}
.institution-types select {color: #000; background: white; float: left; padding: 0; margin: 0; background-image: none; width: 180px; margin-right: 5px; height: 24px}
.institution-types input {float: left; height: 24px; margin-right: 10px}
.institution-types div.institution-types-description {float: right; width: 490px; border-left: solid 1px #999; padding-left: 10px}
.institution-types.areasofstudy {background-color: #d8cbe9; border: 0}