/* @override 
	http://eips.staffconnect.ca/assets/css/style.css
	http://stage.staffconnect.ca/assets/css/style.css
	http://wrps.staffconnect.ca/assets/css/style.css
*/
html, body, div, span, ul, ol, li, form, input, textarea, label, table, th, tr, td, h1, h2, h3, p{padding:0; margin:0;} html{ background: #dbdada; -webkit-font-smoothing: antialiased; } body{font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size:75%; background: #dbdada;} html.login_bg{background:#0295a8;}  html.login_bg body{background:#0295a8;} .container_12{margin-left:auto; margin-right:auto; width:960px;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{display:inline; float:left; position:relative; margin-left:10px; margin-right:10px;}
.grid_1{width:60px;} .grid_2{width:140px;} .grid_3{width: 220px;} .grid_4{width:300px;} .grid_5{width:380px;} .grid_6{width:460px;} .grid_7{width:540px;} .grid_8{width:620px;} .grid_9{width:700px;} .grid_10{width:780px;} .grid_11{width:860px;} .grid_12{width:940px;}
.alpha{margin-left:0;} .omega{margin-right:0;} .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
a, img{border:0; outline:0;} input.validation_error{border:solid 1px #f07373;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal;}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* @group Typographic Styles */

p           { margin: 0 0 1.5em; line-height: 1.4em;}

a           { color: #08c; text-decoration: none; }
 
a:hover     { text-decoration: underline;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0;}
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* lists */
ul          { list-style-type: disc;}
ol          { list-style-type: decimal;}

.content li ul, 
.content li ol       { margin: 0 1.5em; }
.content ul, .content ol      { margin: 0 1.5em 1.5em 0.5em; }
.content ul li, .content ol li { margin-bottom: .25em; list-style-position: outside; margin-left: 15px;
}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* misc */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

/* form styles */
.input { display: block; }
.input form { margin: 20px 10px;}
/* input, textarea { border-collapse:collapse; border: 0; } */
textarea{border:solid 1px #e1e1e1; border-collapse:collapse; width: 99%; }
.input .row input.text { padding: 5px; border:solid 1px #e1e1e1; width: 570px;}
.input .row input.text.date_picker { padding: 5px; border:solid 1px #e1e1e1; width: 150px;}

.grid_8 table.mceLayout { width: 583px !important;}
.grid_12 table.mceLayout { width: 900px !important; }
.grid_12 textarea.wysiwyg { height: 400px !important; }

.input .row{padding:10px; line-height:20px; overflow: hidden;}
.input .row label{display:block; font-weight: bold; margin: 0 0 5px;}
.input .row label.inline {display: inline; margin: 0 0 5px 5px;}
.input .row button { border: none; width: 130px; height: 32px; color: #FFF; text-shadow: #222 0 -1px; font-size: 1em; margin-right: 10px; cursor: pointer; }
.input .row button.frm_submit {background: url('/assets/img/button_form.jpg') no-repeat top; float: left;}
.input .row a.frm_submit {background: url('/assets/img/button_form.jpg') no-repeat top; display: block; height: 32px; width: 130px; line-height: 32px; text-align: center; color: #fff; font-weight: bold; text-shadow: #222 0 -1px;}
.input .row a.frm_submit:hover { background-position: bottom; text-decoration: none; }
.input .row button.frm_cancel {background: url('/assets/img/button_form_cancel.jpg') no-repeat top; text-shadow: #555 0 -1px; }
.input .row button:hover { background-position: bottom; }
.input .row ul { margin: 0 1.5em; }

.input .row.attachments { padding-bottom: 0; }
.input .row.attachments label { margin-bottom: 0; }
div.add_attachment a { font-weight: bold; color: #08c; }
div.add_attachment a:hover { text-decoration: underline; cursor: pointer; }

a.frm_cancel {background: url('/assets/img/button_form_cancel.jpg') no-repeat top; text-shadow: #555 0 -1px; border: none; width: 130px; height: 32px; line-height: 32px; text-align: center; color: #FFF; text-shadow: #222 0 -1px; font-size: 1em; margin-right: 10px; cursor: pointer; float: left; }
a.frm_cancel:hover { text-decoration: none; background-position: bottom;}

label.key { text-align: right;}

#data_grid { position:relative } 

div.delete_file { margin: 10px 0 0 0; }
div.attachment_info { float: left; margin: 5px 0 0 20px; }
div.delete_attachment { float: left; margin: 5px 0 0 20px; }



/* @end */

.required{color:#dd0000}

.relative{position:relative;}
.absolute{position:absolute;}
.padding_top{padding-top:10px;}
.hide { display: none; }
span.for_print {display: none;}

/* Top Bar */
.top_bar{ background: #4D4D4D url(/assets/img/topbar_tile.png) repeat-x top; color:#FFFFFF; font-size:11px; height:40px; position: relative; z-index: 50; }
.top_bar a.sc_logo { height: 20px; margin: 5px 0; padding: 5px 10px 5px 0; float: left; border-right: 1px solid #333;}
.top_bar .school_name { float: left; height: 30px; margin: 5px 0; line-height: 30px; padding: 0 0 0 10px; border-left: 1px solid #545454; font-size: 1.2em; font-weight: bold; text-shadow: 0 0 2px #111;}

.top_bar .user_name { float: right; height: 40px; line-height: 42px; font-size: 1.2em; font-weight: bold; text-shadow: 0 0 2px #111; margin-right: 10px; }

/* Bar Nav */
ul.bar_nav { float: right !important; position: relative; z-index: 10;}
ul.bar_nav li { float: left; margin: 0 10px 0 0; padding: 0; position: relative; list-style: none;}
ul.bar_nav li a { height: 29px; float: left; background: url(/assets/img/button.png) right 58px ; margin: 6px 0px 0 5px;}
ul.bar_nav li a b { height: 29px; width: 5px; margin: 0 0 0 -5px; position: relative; float: left; background: url(/assets/img/button.png) left 58px; text-align: center;  text-shadow: 0 -1px 1px rgba(0,0,0,0.5);}
ul.bar_nav li a span { padding: 0 10px 0 5px; height: 29px; line-height: 29px; float: left; color: #FFF;}
ul.bar_nav li a.nav_actions span { width: 16px; padding: 0 5px 0 0px; margin-right: 5px; background: url(/assets/img/ico_settings_btn.png) center no-repeat; text-indent: -99999px; }
ul.bar_nav li a.nav_print span { width: 16px; padding: 0 5px 0 0px; margin-right: 5px; background: url(/assets/img/ico_print.png) center no-repeat; text-indent: -99999px; }
ul.bar_nav li a.nav_quicklinks span { /*width: 16px;*/ padding: 0 5px 0 20px; margin: 0 5px 0 5px; background: url(/assets/img/ico_quick_btn.png) center left no-repeat; /*text-indent: -99999px;*/ }

div.title ul.bar_nav { font-size: .8em; }


ul.bar_nav li a:hover { background-position: 29px right; text-decoration: none; cursor: pointer; }
ul.bar_nav li a:hover b { background-position: 29px left; }

/* style for parent button */
ul.bar_nav li.children a:hover.parent, ul.bar_nav li.children.hover a.parent { background-position: right 0px; text-decoration: none;}
ul.bar_nav li.children a:hover.parent b, ul.bar_nav li.children.hover a.parent b { background-position: left 0px; text-decoration: none;}
ul.bar_nav li.children a:hover span, ul.bar_nav li.children.hover a span { text-shadow: 0 1px 1px #FFF; color: #000; }

/* style for child list */
ul.bar_nav li.children ul { position: absolute; top: 32px; right: 0;}
ul.bar_nav li.children ul li { display: block; margin: 0; border-bottom: 1px solid #343434; border-top: 1px solid #858585; }
ul.bar_nav li.children ul li a { color: #FFF; background: none; background: url(/assets/img/dropdown_bg.png) right 100px; margin: 0 0 0 3px; padding: 0 5px 0 0;}
ul.bar_nav li.children ul li a b { display: block; height: 15px; background: url(/assets/img/dropdown_bg.png) left 100px; float: left; margin: 0 0 0 -3px;  width: 110px; padding: 7px 10px;}

.title ul.bar_nav li.children ul li a b { width: 50px; } /*Specific to bar menus*/
.title ul.bar_nav li.children.long ul li a b { width: 110px; }
.title ul.bar_nav li.children.longer ul li a b { width: 125px; }

ul.bar_nav li.children ul li.first { border-top: none; }
ul.bar_nav li.children ul li.first a { background-position: right 125px; border-top: none; }
ul.bar_nav li.children ul li.first a b { background-position: left 125px; border-top: none; }
ul.bar_nav li.children ul li.last { border-bottom: none; }
ul.bar_nav li.children ul li.last a { background-position: right 29px;border-bottom: none; }
ul.bar_nav li.children ul li.last a b { background-position: left 29px; border-bottom: none; }

ul.bar_nav li.children ul li a:hover { color: #FFF; background: none; background: url(/assets/img/dropdown_bg.png) right 225px; margin: 0 0 0 3px; padding: 0 5px 0 0;}
ul.bar_nav li.children ul li a:hover b { display: block; height: 15px; background: url(/assets/img/dropdown_bg.png) left 225px; float: left; margin: 0 0 0 -3px;  padding: 7px 10px;}
ul.bar_nav li.children ul li.first a:hover { background-position: right 250px; border-top: none; }
ul.bar_nav li.children ul li.first a:hover b { background-position: left 250px; border-top: none; }
ul.bar_nav li.children ul li.last a:hover { background-position: right 154px;border-bottom: none; }
ul.bar_nav li.children ul li.last a:hover b { background-position: left 154px; border-bottom: none; }

ul.bar_nav li.children ul.single li.first {  border: none; }
ul.bar_nav li.children ul.single li.last {  border: none; }
ul.bar_nav li.children ul.single li.last a { height: 3px; background-position: right 3px; padding-top: 0; padding-bottom: 0;}
ul.bar_nav li.children ul.single li.last a b { height: 3px; background-position: left 3px; padding-top: 0; padding-bottom: 0;}
ul.bar_nav li.children ul.single li.last.hover a { height: 3px; background-position: right 128px; padding-top: 0; padding-bottom: 0;}
ul.bar_nav li.children ul.single li.last.hover a b { height: 3px; background-position: left 128px; padding-top: 0; padding-bottom: 0;}

ul.bar_nav li.children ul.single li.last a:hover { background-position: right 3px; }
ul.bar_nav li.children ul.single li.last a:hover b { background-position: left 3px; }

ul.bar_nav ul.dropdown { position: absolute; display: none; }
ul.bar_nav li.hover ul.dropdown, ul.bar_nav li:hover ul.dropdown { display: block; right: 0; }


.header{ background:#333; border-bottom:solid 1px #000; height: 120px; margin:0 0 20px 0;}
.header .grid_12 { height: 120px; }



.margin_left{margin-left: 20px !important;}

.content .item p { margin: 0 0 15px; }
.read_more{ display:block;}

.repeater .row{padding:10px; border-bottom:solid 1px #E9E9E9;}
.repeater .row:last-child{border-bottom:0;}

.forecast{width:93px; float:left; text-align:center; position: relative; height: 120px;}
.forecast img{width:60px; margin-right: 20px;}
.forecast div{padding:10px 0;}
.forecast .current { position: absolute; top: 30px; right: 0px; font-size: 1.6em; font-weight: bold; margin: 0; padding: 0; width: 40px; text-align: center;}
.forecast .current.minus { color: #40a2ff;}
.forecast .current.plus { color: #ff4a2e;}


.box .content{padding:10px; position: auto; }
.box .content p { line-height: 1.5em }
.box .content h2 { font-size: 1.5em; margin-bottom: 10px;}

.post_info { display: block;overflow: hidden; }
 p.date{ font-size: 12px; margin: 0; color: #777; float: left;}
.repeating_item p.date{ margin: 0 20px 20px 0 !important;}
.post.full p.date { margin-bottom: 20px !important; margin-right: 20px; }

p.category { float: right;  margin: 0 0 15px 0; color: #777; }
div.post.full p.category { float: left;  margin: 0 0 15px 0;}
p.category span { font-style: italic; color: #999; font-size: .8em;  }

.box.list .item .date{float: right; width: 50px;}
.post{border-bottom:solid 1px #E9E9E9; padding: 10px; position: relative;}
.post.full { border: none; }

.content .post_nav { border-top: 2px solid #e4e2e2; margin: 10px 10px 0; }
.post_nav a.half { background: url('/assets/img/arrow_left.png') no-repeat 4% 10px; padding: 0 0 5px; float: left; width: 50%; text-decoration: none;}
.post_nav a.half.right { background: url('/assets/img/arrow_right.png') no-repeat 96% 10px; text-align: right; float: right;}
.post_nav a.half:hover { background: #ededed url('/assets/img/arrow_left_over.png') no-repeat 4% 10px;}
.post_nav a.half.right:hover { background: #ededed url('/assets/img/arrow_right_over.png') no-repeat 96% 10px; }

.post_nav a.half span { display: block; padding: 10px 10px 0px 35px; font-size: 1.2em; color: #000;}
.post_nav a.half.right span { display: block; padding: 10px 35px 0px 10px; font-size: 1.2em; color: #000;}
.post_nav a.half span.date { color: #545454; font-size: 1em; }

.comments .comment{border-top:solid 1px #E9E9E9; padding:10px 0 20px; overflow: hidden;}
.comments .user_details { float: left; width: 130px; margin: 0 20px 0 0;text-align: right;}
.comments .user_details span {display: block;}
.comments .user_details span.date { color: #8e8e8f; font-size: .8em;}
.comments .comment_body { float: left; width: 430px;}
.comments .comment_body textarea { }

.comments .user_details ul {margin: 0; padding: 0; list-style: none;}
.comments .user_details ul li { margin: 0 0 10px; padding: 0; }
.comments .comment_body ul {margin: 0; padding: 0; list-style: none;}
.comments .comment_body ul li { margin: 0 0 10px; padding: 0;  list-style: none;}



.body_text { display: block; margin: 20px 50px 0 150px; }
.body_text p { margin: 0 0 1.5em; }

.body_text blockquote  { margin: 1.5em; color: #555; font-style: italic; }
.body_text strong      { font-weight: bold; }
.body_text em  	    { font-style: italic; }
.body_text sup, sub    { line-height: 0; }

.body_text pre,.body_text code { margin: 1.5em 0;}
.body_text pre,.body_text code { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/*h1,h2,h3,h4,h5,h6 { font-weight: normal; }*/

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Lists */
.body_text ul li { list-style-type: disc; }
.body_text ol li { list-style-type: decimal; }

.body_text ul li, 
.body_text ol li { margin: 0 1.5em 1em; line-height: 1.4em; }
.body_textul,
.body_text ol { margin: 0 1.5em 1.5em 1.5em; }


/* Tables */
.body_text table { margin-bottom: 1.4em; width:100%; }
.body_text th { font-weight: bold; }
.body_text th, .body_text td { padding: 4px 10px 4px 5px; }

.node_image{float:left; margin:0 20px 0 0;}
.articleimage{float:right; margin: 5px 0px 10px 20px;}
.articleimage.right{float:right; margin: 5px 0 10pxar 20px;}
.article_content{background: #FFF;}

/* @group Errors and Alerts */
.notice{ color: #FFF;padding: 5px 10px; margin: 0 0 10px; text-align: center; font-size: 1.1em;}
.messages{background: #76d13d url('/assets/img/grid_12-toprounded_tall.png') no-repeat; margin:0 0 10px 0; color: #FFF;}
.error{background: #ff5757 url('/assets/img/grid_12-toprounded_tall.png') no-repeat;  margin:0 0 10px 0; color: #FFF;}

/* message bars */
div.success { background: #a5ee77; padding: 10px; margin: 0 10px 10px; border: 1px solid #77be4b; color: #4e7d31; font-weight: bold;}
div.notice { background: #fff191; padding: 10px; margin: 0 10px 10px; border: 1px solid #bdad4a; color: #928423; font-weight: bold;}

.alert p{margin:0; padding:0; font-weight:bold;}

div.alert div { padding:10px 10px; background: url('/assets/img/grid_12-botrounded-trans.png') no-repeat bottom; text-shadow: 0 1px 1px rgba(0,0,0,0.75);  font-weight: bold;}
/* @end */

.box{background:#ffffff url('/assets/img/grid_8-botrounded.png') no-repeat bottom; margin:0 0 20px 0; padding: 0 0 10px 0;}
.grid_4 .box{background:#ffffff url('/assets/img/grid_4-botrounded.png') no-repeat  bottom;}
.grid_12 .box{background:#ffffff url('/assets/img/grid_12-botrounded.png') no-repeat  bottom;}
.box .title .inner{background :url('/assets/img/grid_8-toprounded.png') no-repeat top; padding: 0 0 0 10px; height:40px; font-size:14px; color:#ffffff;}
.box .title .inner h3 { float: left; font-size: 1em; margin: 0; padding: 0; line-height: 39px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); font-weight: bold;}

.grid_4 .box .title .inner {background :url('/assets/img/grid_4-toprounded.png') no-repeat top;}
.grid_12 .box .title .inner {background :url('/assets/img/grid_12-toprounded.png') no-repeat top;}

.blog .title .inner h3 { background:url('/assets/img/ico_blog_bar.png') no-repeat left; padding: 0 0 0 35px;}
.news .title .inner h3 { background:url('/assets/img/ico_news_bar.png') no-repeat left; padding: 0 0 0 30px;}
.events .title .inner h3 { background:url('/assets/img/ico_events_bar.png') no-repeat left; padding: 0 0 0 30px;}
.gallery .title .inner h3 { background:url('/assets/img/ico_galleries_bar.png') no-repeat left; padding: 0 0 0 30px;}
.bulletins .title .inner h3 { background:url('/assets/img/ico_bulletins_bar.png') no-repeat left; padding: 0 0 0 30px;}
.resources .title .inner h3 { background:url('/assets/img/ico_resources_bar.png') no-repeat left; padding: 0 0 0 30px;}
.documents .title .inner h3 { background:url('/assets/img/ico_documents_bar.png') no-repeat left; padding: 0 0 0 30px;}
.contacts .title .inner h3 { background:url('/assets/img/ico_contacts_bar.png') no-repeat left; padding: 0 0 0 30px;}
.weather .title .inner h3 { background:url('/assets/img/ico_weather_bar.png') no-repeat left; padding: 0 0 0 38px;}
.control .title .inner h3 { background:url('/assets/img/ico_control_bar.png') no-repeat left; padding: 0 0 0 38px;}
.help .title .inner h3 { background:url('/assets/img/ico_help_bar.png') no-repeat left; padding: 0 0 0 34px;}

/* Background Colors for Top Bars */
.title { position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */ z-index: 20;}

.gallery .title{background: #111;}
.contacts .title{background: #222;}
.weather .title{background: #333;}
.documents .title, .documents.resources .title{background: #444;}
.resources .title{background: #555;}
.bulletins .title{background: #666;}
.events .title{background: #777;}
.blog .title{background: #888;}
.news .title{background: #999;}
.help .title{background: #aaa;}

.box.help .title { background: #222; }
.box.control .title { background: #222; }




body.dashboard .box.news { min-height: 220px; _height: 220px; }
.box.resources .resource .item { height: 54px; width: 850px;background: #fbfbfb url('/assets/img/resource_item_full.png') no-repeat; margin: 0; float: left;}
body.dashboard .box.resources { height: 400px; padding: 0; margin: 0;} /*#f2f2f2*/
body.dashboard .box.resources .resource .item { height: 54px; width: 530px;background: #fbfbfb url('/assets/img/resource_item.png') no-repeat; margin: 0; float: left;}
.box.resources .resource { margin: 10px 0 0; padding: 0; height: 54px; overflow: hidden;}
body.dashboard .box.resources .resource.hover .item { background: #ececec url('/assets/img/resource_item.png') no-repeat; }

.box.resources .resource.hover .item { background: #ececec url('/assets/img/resource_item_full.png') no-repeat; }

.box.resources .resource .actions { float: right; width: 50px; margin: 0 10px;}
.resources .post { padding-top: 0; }

/* resource item div width headers */
.box.resources ul.header_row { list-style: none; overflow: auto; margin: 10px; padding: 0 5px 5px;border-bottom: 1px solid #d4d4d4; color: #acacac;}
.box.resources ul.header_row li { list-style: none; float: left; }
.box.resources ul.header_row li.col1 { width: 59px; }
.box.resources ul.header_row li.col2 { width: 70px; }
.box.resources ul.header_row li.col3 { width: 135px; }
.box.resources ul.header_row li.col4 { width: 135px; }
.box.resources ul.header_row li.col5 { width: 135px; }
.box.resources ul.header_row li.col6 { width: 110px; }
.box.resources ul.header_row li.col7 { width: 110px; }
.box.resources ul.header_row li.col8 { width: 50px; }

.box.resources ul.header_row li.col9 { width: 670px; }


/* resource item div widths */
.box.resources .resource .top_row { height: 20px; padding: 10px 0 0; position: relative;}
.box.resources .resource .ico { height: 54px; width: 54px; float: left; margin: 0 10px 0 0;}
.box.resources .resource h2 { font-size: 1em; font-weight: bold; margin: 0; padding: 0; color: #424242;}
.box.resources .resource h2 span { font-weight: normal; margin: 0 0 0 10px; color: #606060; font-size: 1em; text-transform: lowercase;}
.box.resources .resource ul { font-size: .9em; margin: 00; padding: 0; color: #565656;}
.box.resources .resource ul li { list-style: none; float: left; margin: 0 10px 0 0; height: 1em; }
.box.resources .resource ul li.col2 { width: 60px; }
.box.resources .resource ul li.col3 { width: 125px; }
.box.resources .resource ul li.col4 { width: 125px; }
.box.resources .resource ul li.col5 { width: 125px;}
body.dashboard .box.resources .resource ul li.col5 { width: 115px;}
.box.resources .resource ul li.col6 { width: 100px; }
.box.resources .resource ul li.col7 { width: 100px; }

.box.resources .resource ul li.col9 { width: 660px; }


.box.resources .resource .actions a { background: url('/assets/img/button_small.png') no-repeat top; height: 20px; width: 60px; float: left; margin: 5px 0 0px;  font-size: .8em;  color: #FFF; line-height: 20px; text-align: center; text-shadow: #555 0 -1px;}
.box.resources .resource .actions a:hover { text-decoration: none; background-position: bottom; }
.box.resources .resource .actions a.details { background-color: #026ec2; }
.box.resources .resource .actions a.download { background-color: #15c810; }
.box.resources .content { padding: 0 10px; }
.grid_8 .box.resources .content { padding-top: 20px; }
.dashboard .grid_8 .box.resources .content { padding-top: 0px; }

div.repeater .resource div.item { position: relative; }
.box.resources .repeater .comment_count { position: absolute; right: 8px; top: 8px; background: url(/assets/ico/interface/comment_white.png) no-repeat r; height: 16px; padding: 0 0 0 20px; font-weight: normal; color: #a5a5a5; line-height: 16px;}
.box.resources .repeater .favorite_count { position: absolute; right: 8px; bottom: 8px; background: url(/assets/ico/interface/star.png) no-repeat left; height: 16px; padding: 0 0 0 20px; margin: 0 0 0 15px; font-weight: normal; color: #a5a5a5; line-height: 16px;}

div.float_filter { margin:0 10px 10px 0; float: left; display: inline; width: auto;}
.filtering_overflow { width:700px; padding: 2px 0 0; }


.container_12 { position: relative; }
.login_bg .sc_logo { margin: 60px auto 20px; width: 334px; text-align: center; }
.internal { margin: 40px auto 0; width: 334px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; font-style: italic; text-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }
.default_logo { margin: 20px 0 10px; }
.container_login{ color: #555555; margin:10px auto; width:348px;}
.checkbox{background: url('/assets/img/checkbox.jpg') no-repeat top; height:18px; width:21px; float:left; margin:0 4px 0 0;}
.checkbox_checked{background-position: bottom;}
span#remember_label { cursor: pointer; color: #555; }
.row b { line-height: 18px; display: inline; font-weight: normal; font-size: .9em;}
.row .forgot_password { float: right; font-size: .9em; margin: 5px; }
.container_login .row button { background: url(/assets/img/login_btn.gif) no-repeat top; width: 80px; height: 30px; color: #FFF; border: none; cursor: pointer;}
.container_login .row button:hover { background-position: bottom; cursor: pointer;}

.login_bg.sc_logo a { width: 300px; height: 75px; display: block; margin: 0 auto; }

.button{text-decoration:none; background:url('/assets/img/button.png') bottom; float: right; width:130px; display:block; height:29px; line-height:29px; font-size:11px; text-align:center; color:#ffffff; margin:0 0 0 5px;	text-shadow: #555 0 -1px;}
.button:hover{background-position: bottom; color:#fff; text-decoration: none; text-shadow: #999}

ul.navigation{ margin: 20px 0; padding: 0;}
ul.navigation li { list-style: none; }
ul.navigation li.item{ float:left; height:32px; margin: 0 10px; width: 74px; text-align: center;}
ul.navigation li.item a{ text-decoration:none; color: #fff; font-weight: bold; text-shadow: 0 0 2px rgba(0,0,0,0.25); line-height: 1.1em;height: 100px; display: block;}
ul.navigation li.item a span { width: 56px; height: 56px; margin: 0 auto 6px; display: block; }
ul.navigation li.item a span b { width: 56px; height: 56px; margin: 0 auto; padding: 0; float: left; background-position: center; }

ul.navigation li.item.active a span,
ul.navigation li.item.active a:hover span { background:url('/assets/img/nav_activehover.png') no-repeat right top;}
ul.navigation li.item a:hover span { background:url('/assets/img/nav_activehover.png') no-repeat right bottom;}
ul.navigation li.item a:hover { text-shadow: 0 0 2px rgba(0,0,0,0.75); cursor: pointer;}

/*icons */
a.dashboard b {  background:url('/assets/img/ico_home_nav.png') no-repeat left; }
a.news b { background:url('/assets/img/ico_news_nav.png') no-repeat left; }
a.event b {  background:url('/assets/img/ico_events_nav.png') no-repeat left; }
a.gallery b {  background:url('/assets/img/ico_galleries_nav.png') no-repeat left; }
a.bulletinboard b {  background:url('/assets/img/ico_bulletins_nav.png') no-repeat left; }
a.blog b {  background:url('/assets/img/ico_blog_nav.png') no-repeat left; }
a.resource b {  background:url('/assets/img/ico_resources_nav.png') no-repeat left; }
a.document b {  background:url('/assets/img/ico_documents_nav.png') no-repeat left; }
a.contacts b {  background:url('/assets/img/ico_contacts_nav.png') no-repeat left; }

.container_login .content{padding:30px; background:url('/assets/img/login.png'); height:190px;}
.container_login .content label{display:block; margin:0 0 4px 0;}
.container_login .content input.input{width:274px; padding:6px; font-size:14px;}
.container_login .content .row{margin:0 0 14px 0;}

.repeater .tree{padding:10px; border-bottom:solid 1px #eeeeee;}
.repeater .branch{padding:10px 10px 10px 20px; border-bottom:solid 1px #eeeeee;}

.repeater .branch{padding:10px 10px 10px 20px; border-bottom:solid 1px #eeeeee;}
.repeater .leaf{padding:10px 10px 10px 30px; border-bottom:solid 1px #eeeeee;}
.repeater .node{padding:10px 10px 10px 40px; border-bottom:solid 1px #eeeeee;}

.repeater table tr th{text-align:left; padding:10px; background:#f5f5f5; border-bottom:solid 1px #eeeeee; border-top:solid 1px #ffffff;}
.repeater table tr td{text-align:left; padding:10px; border-bottom:solid 1px #eeeeee}

.filtering{ padding:10px 0 10px; background: #ededed url('/assets/img/sort.gif') bottom repeat-x; color:#797979; text-shadow: 1px 1px 0 #ffffff; font-size:10px; font-weight: bold;  border-bottom: solid 1px #d7d7d7;  border-top: solid 1px #ffffff;}
.box.resources .filtering, .box.news .filtering, .box.events .filtering { padding: 10px 0 5px !important; }


.filtering .item { float:left; margin: 6px 10px 0 0; text-transform: uppercase;}
.search_container{ background: url(/assets/img/search_bg.png) no-repeat; border: none; width: 202px; height: 26px; outline: none; padding: 1px 10px 0; margin-left: 20px; font-size: 1em; position: relative;}
.grid_8 .search_container { margin-left: 10px; }
.search_container p.label{ position: absolute; top: 6px; left: 10px; font-weight: normal; font-size: 1.2em; color: #ccc; margin: 0; padding: 0; z-index: 10;}
.search_container p.reset{ position: absolute; top: 8px; right: 28px; background: url(/assets/img/search_clear.gif) no-repeat; width: 13px; height:13px; text-indent: -99999px; margin: 0; padding: 0;}
.search_container input{border: 0;outline: none; width: 165px; height: 18px; top: 5px; position: absolute; border-collapse:collapse;}

.row label.types span { font-weight: normal; float: left; width: 60px; line-height: 27px; }

.sorting{height:38px; padding:0 10px; background:url('/assets/img/sort.gif'); color:#797979; text-transform: uppercase; text-shadow: 1px 1px 0 #ffffff; font-size:10px; font-weight: bold;  border-bottom: solid 1px #d7d7d7;}
.sorting .item{float:left; margin: 0 10px 0 0; height:38px; line-height:38px;}
.sorting .break{background:url('/assets/img/sort_break.gif'); margin-left:10px; padding:0 0 0 10px;}
.sorting .item a{color:#aaaaaa; display: block;}
.sorting .item a input{display:none;}
.sorting .active{background:url('/assets/img/sort_right.gif') no-repeat right;}
.sorting .active a{color:#ffffff; text-shadow: 1px 1px 0 #000000; background:url('/assets/img/sort_left.gif') no-repeat left; padding:0 12px;}
.sorting .active a:hover { text-decoration: none; }

.pagination{ padding: 10px 20px; margin: 0;}
.pagination a{height:30px; padding:0 5px;}
.pagination strong{height:30px;  padding:0 5px; }

.ui-datepicker{background:#ffffff;}
.ui-dialog{background:#ffffff;}
.ui-widget-overlay{position: absolute; background:#000000; left:0; top:0; opacity:0.6;}
.ui-dialog-titlebar{background:url('/assets/img/sort.gif') bottom repeat-x #ededed; border-bottom:solid 1px #D7D7D7; text-align:center; padding: 10px; position:relative;}
.ui-dialog-title{color:#4a4a4a; font-size:13px;}
.ui-dialog-titlebar-close{position:absolute; right:10px; text-decoration: none;}
.ui-dialog-buttonpane{padding:10px; background:url('/assets/img/sort.gif') bottom repeat-x #ededed; border-top:solid 1px #D7D7D7; text-align:center}
.ui-dialog-content{padding:10px; background:#f7f7f7; border-top:solid 1px #ffffff;}

.ui-dialog-buttonpane button{margin: 0 5px;}
.ui-dialog-content label{padding:0 10px 0 0;}

.new_object_option{color:#ff0000;}

.list .content .item{padding:6px; border-bottom:dotted 1px #dddddd; overflow: hidden;}
.list .content .item a { float: left; width: 215px;}
.list .content .item .date { float: right; }
.list .content .item.first { padding: 0 6px 6px 6px !important;}
.list .content .item.last { padding:5px 6px 0 6px; border-bottom:0}


.repeating_item { padding: 10px 10px 0px; margin: 10px; overflow: auto; border-bottom:dotted 1px #bbb; position: relative;}
.repeating_item:last-child { border: none;}
.repeating_item .itemimage { float: left; margin: 0 20px 10px 0px; width: 80px; overflow: hiddden;}
.repeating_item .item_info { float: left; width: 480px; overflow: hidden;}
.repeating_item .item_info h3 { font-size: 1.4em; margin: 0; overflow: hidden;}
.item_info h3.date {  position: absolute; top: 14px; right: 10px; color: #777; font-size: 1.1em;}

.repeating_item .item_info h3 a { float: left; padding: 0 0 10px;}
.repeating_item .item_info h3.price { position: absolute; top: 10px; right: 10px;}
.repeating_item .item_info ul.details { list-style: none; overflow: hidden; margin: 0 0 20px;}
.repeating_item .item_info ul.details li { color: #777; list-style: none; float: left; margin: 0 20px 0 0;}

.events .repeating_item .item_info { float: none; width: auto; }
.events .repeating_item .item_info h3 a { width: 430px;}
.news .repeating_item .item_info { float: none; width: auto; padding-bottom: 20px; overflow: hidden;}
.blog .repeating_item .item_info { width: auto; }
.news .repeating_item .item_info p.photo { margin: 0 0 0 100px; }

div.attachment { background: #f3f3f3 url(/assets/img/button_row_left.png) no-repeat left; height: 40px;padding-left: 10px; float: left; color: #a5a5a5; text-shadow: 0 1px 1px #FFF; margin: 0 0 20px 0; }
div.attachment .inner { font-size: 1em; line-height: 40px; height: 40px; display: block; background: url(/assets/img/button_row_right.png) no-repeat right;}

div.attachment strong { height: 38px; padding-right: 10px; border-right: 1px solid #b6b6b6; float: left; margin-top: 1px;}
div.attachment a { padding: 0 20px; height: 38px; float: left; border-left: 1px solid #efefef; margin-top: 1px; }


.bulletins .content .item a{ width: 115px;height:40px; line-height:40px; display: block; color:#000000; padding:0 10px 0 10px; vertical-align: bottom; overflow: hidden;}
.bulletins .content .item a.active{background: #666 url(/assets/img/arrow_carousel.png); color:#ffffff; text-decoration: none;}
.bulletins .content .item a.thumbnail { height: 130px !important; width: 130px !important; padding: 0;}
.bulletins ul.details { list-style: none; overflow: hidden; margin: 0 0 20px;}
.bulletins ul.details li { color: #777; list-style: none; float: left; margin: 0 20px 0 0;}
.bulletins .post h2.price { position: absolute; top: 10px; right: 10px; width: auto; font-weight: bold;}
.bulletins .content h2 { font-size: 1.5em; margin-bottom: 10px; width: 480px;}
body.dashboard .box.partial, .bulletins.box.partial { height: 180px; }
.bulletins .content{padding:10px 10px 0}
.bulletins .content .item{margin:0 0 0 0;}
.bulletins .content .item:last-child{margin:0;}
.bulletins.partial .price { position: absolute; bottom: 0; color: #FFF; background: url(/assets/img/price_bg.png) repeat-x top; padding: 5px 10px; width: 110px; font-size: 1.4em; text-shadow: #000 0 -1px;}

.blog .content .item h2 { font-size: 1.2em; margin: 4px 0 8px;}
.blog .content .item .date{ font-size: 1em; margin: 0 0 10px; color: #777;}
.blog .content .article_info { overflow: auto; }

.comment_count { background: url(/assets/ico/interface/comment_white.png) no-repeat left; height: 16px; padding: 2px 0 0 20px; margin: 0 0 0 15px;}
h3.comment_count { font-size: 1.2em; line-height: 16px;background: url(/assets/ico/interface/comment_white.png) no-repeat left;  padding: 0 0 0 25px; margin: 30px 0 15px 0; font-weight: bold;}

.adminFooter { display: block; overflow: hidden;  margin: 0 40px 40px; border-top: 2px solid; padding: 15px 0 0; }
.adminFooter ul { list-style: none; display: inline; float: left; margin: 0 0 15px; padding: 0; font-size: 1.1em;}
.adminFooter ul li { margin: 0 0 5px; padding: 0; content-increment: none; list-style-position: outside;}
.adminFooter .date { float: right; }


.news .grid_5 a h2{ color: #111; }
.news .article_content  { width: 220px; float: left; margin: 0 0 10px; padding: 0 0 10px;}
.news .article_content.nophoto { width: 370px; height: 160px; }
.news .grid_3 {margin: 0; padding: 0 0 0 9px;}

.news.box .grid_3 .content h2 { font-size: 1em; font-weight: bold; margin: 5px 0 2px 0;}

.news.box .grid_3 .content ul li { list-style: none; list-style-position: outside; margin: 0; }
.news.box .grid_3 .content ul li a { display: block; padding: 6px 0 .8em 0 !important; }
.news.box .grid_3 .content ul { margin: 0; padding: 0;}

/*.news.box .grid_3 .content li.item{ padding:6px; border-bottom:dotted 1px #dddddd; margin: 0 5px 0 0;}
.news.box .grid_3 .content li.item:first-child{padding:0 6px 6px 6px;}
.news.box .grid_3 .content li.item:last-child{padding:6px 6px 0 6px; border-bottom:0}*/

.box.gallery.partial { height: 180px; }
.photo_repeater{padding: 15px 10px 5px; }
.photo_repeater .photo{ width:130px; padding:5px; float: left; margin:0 5px 10px 5px; position: relative;}
.photo_repeater .photo a.delete { background:url(/assets/img/button_delete.png) no-repeat; padding: 0 0 0 23px; height: 20px; width: 37px; line-height: 20px; position: absolute; bottom: 3px; right: 2px;}
.photo_repeater .photo a.delete:hover { cursor: pointer; }
.photo_repeater .no_photo { margin: 0; }
.photo div{ margin:10px 0 5px; }
.photo p.date { font-size: .9em; display: block; float: none; padding-bottom: 2px;}
.photo p.count { font-size: .9em; display: block; color: #333; }

a.MultiFile-remove { width: 16px; height: 16px; background: url('/assets/ico/interface/delete.png') no-repeat left; text-indent: -99999px; float: left; margin: 2px 5px 0 0; }

.box.gallery .content{padding:10px 0 0 10px;}
.box.gallery .content .item{margin:0 0 0 0;}
.box.gallery .content .item:last-child{margin:0;}
.box.gallery .content .item a{height:40px; width: 115px; line-height:40px; display: block; color:#000000; padding:0 10px 0 10px;overflow: hidden;}
.box.gallery .content .item a.active{background: #111 url(/assets/img/arrow_carousel.png); color:#ffffff; text-decoration: none;}
.box.gallery .content .item a.thumbnail { height: 130px !important; width: 130px !important; padding: 0;}


.no_photo{height:130px; width: 130px; color:#555; border: 1px solid #ccc; line-height: 128px; background:#ffffff; text-align:center;}
.partial .no_photo{ margin: 0;}
.photos{padding:5px;}
.photo_grid.photo{width:128px; padding:7px; background:#E9E9E9; margin:5px; float:left;}

.box.contacts .repeater td ul.phone { width: 180px; } /*width of phone field on people table */
.box.contacts .repeater td div.name { width: 200px;} /*width of name field on people table */
.box.contacts .repeater td ul li { margin-bottom: 3px; }
.box.contacts .repeater td ul li span { width: 50px; margin-right: 8px;float: left; text-align: right; color: #999; text-transform: lowercase; font-size: .9em; background-attachment: fixed; }
td div.nowrap { float: left; }

.box.contacts .repeater .table .table_row { position: relative; padding: 10px 0; width: 100%; border-bottom: 1px solid #eee; }
.box.contacts .repeater .table .header_row { width: 100%; font-weight: bold; background: #F3F3F3; border-bottom: 1px solid #ddd; }
.box.contacts .repeater .table .group_type { font-weight: bold; background: #eee; border-bottom: 1px solid #ddd; }
.box.contacts .repeater .table .group_type p { margin: 0 0 0 10px; color: #555; }
.box.contacts .repeater .table .cell { position: relative; float: left; }
.box.contacts .repeater .table .cell ul.phone { width: 180px; } /*width of phone field on people table */
.box.contacts .repeater .table .cell div.name { width: 200px;} /*width of name field on people table */
.box.contacts .repeater .table .cell ul li { margin-bottom: 3px; }
.box.contacts .repeater .table .cell ul li span { width: 50px; margin-right: 8px; float: left; text-align: right; color: #999; text-transform: lowercase; font-size: .9em; background-attachment: fixed; }
.box.contacts .repeater .table .cell div.nowrap { float: left; }
.box.contacts .repeater .table .cell#contact_card { width: 16px; padding: 0 3% 0 10px; }
.box.contacts .repeater .table .cell#name { width: 25%; }
.box.contacts .repeater .table .cell#title { width: 35%; }
.box.contacts .repeater .table .cell#phone { width: 23%; }
.box.contacts .repeater .table .cell#actions { float: right; width: 10%; padding-right: 1%; }
.page_break { page-break-before: always; display: block; position: relative; }

.contact_card { text-indent: -99999px; float: left; background: url(/assets/ico/interface/vcard.png) no-repeat; width: 16px; margin: 0;}

.contact_info { padding: 10px 0 0 10px; width: 300px;}
.profile_info { display: block; clear: both; padding-top: 10px; }
.profile_info p { margin: 0 0 10px; }
.contact_info .profile_image { float: right; margin: 0 20px 0 0; }
.contact_info ul {  margin: 0 0 20px; font-size: 1.1em;}
.contact_info ul li { margin:  0 0 2px; }
.contact_info ul.phones li span { color: #888; text-transform: lowercase; margin: 1px 10px 0 0; text-align: right; width: 50px; float: left; font-size: .9em; }
.contact_info ul.additional li span { color: #888; text-transform: lowercase; margin: 10px 10px 5px 0; text-align: left; font-size: .9em; display: block; }
.contact_info ul.additional { margin-left: 60px; }
.contact_info ul li.name { font-weight: bold; font-size: 1.2em; margin-bottom: 5px;}
.contact_info ul li.dept { color: #888; font-size: .9em;}
.contact_info ul.address li span { color: #888; text-transform: lowercase; margin: 1px 10px 0 0; text-align: right; width: 50px; float: left; font-size: .9em; }
.contact_info span.contact_desc span { font-size: .9em;  color: #888; display: block; margin-bottom: 5px; }
.contacts .phones { width: 170px; }
.contacts .principal_info { width: 170px; }
ul.principal_info li span { width: 30px !important; float: left; }
.contacts ul.school_info li span.no_float { float: none !important; margin: 0 2px 0 15px !important; }
.contact li {list-style: none;}
ul.additional li { margin-bottom: 10px; }

ul.additional li ul.details { margin: 5px 0 5px 5px; font-size: 1em;}
ul.additional li ul.details span { display: inline; margin: 5 5px 0 0; color: #000; }
ul.additional li ul.details li { margin: 0 0 5px; }

.favourit{height:16px; width:16px; display: block; text-indent:-99999px; background:url('/assets/ico/interface/star_grey.png') no-repeat;}
.favourit.favorited {height:16px; width:16px; display: block; text-indent:-99999px; background:url('/assets/ico/interface/star.png') no-repeat;}

.favorite_this.text.favourit { float: left; width: auto; text-indent: 0; line-height: 18px; padding: 0 0 0 25px;}

/* Procedures */
div.procedures { margin: 40px; font-size: 1.1em; }
div.procedures h3.ap_number { border-bottom: 1px solid; padding: 0 0 15px; margin-bottom: 30px;  }
div.procedures h2 { text-transform: uppercase; font-size: 1.6em; font-weight: bold; text-align: center;}
div.procedures h3 { font-weight: bold; font-size: 1em; text-transform: uppercase; }
div.procedures h4 { font-weight: bold; font-size: 1em; }

div.procedures p, div.procedures em { line-height: 1.4em; }
div.procedures .references, div.procedures .keywords { font-size: .9em; margin-bottom: 30px; }
div.procedures .details { font-size: .9em; }
div.procedures .details p { margin: 0 0 5px; }

div.procedures li { margin: 0 1.5em .75em; padding: 0; line-height: 1.4em; }
div.procedures ol li { display: block; }
div.procedures ol { margin: .5em 1.5em 1.5em; counter-reset: item; }
div.procedures ol li:before { content: counter(item) ". "; counter-increment: item; margin-right: 5px; }
div.procedures ol li ol li:before { content: counters(item, ".") " "; }

/* IICs */
.box .content h2.iic { font-weight: bold; margin-bottom: 20px; }
p.status { font-size: 14px; }
div.edit_impact_area, div.view_impact_area { margin-bottom: 20px; position: relative; }
div.edit_impact_area h3 { margin-bottom: 0; }
a.impact_area_title:hover { text-decoration: none; cursor: pointer; }
div.open_all { margin-bottom: 20px; position: relative; }
a.open_all:hover { text-decoration: none; cursor: pointer; }
a.close_all:hover { text-decoration: none; cursor: pointer; }
.view_impact_area label, .edit_impact_area label { font-weight: bold; }
.input form.iic .row label { display: inline; margin-right: 10px; }
.input .row label.lock { display: inline; margin-left: 10px; }
.input .row label.complete { display: inline; margin-left: 10px; }
.iic_view form { margin: 0; }
.iic_view h4 { font-weight: bold; margin-top: 0; }
.iic_view .comments { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px; }
.iic_view .comment .name { font-weight: bold; }
.iic_view .comment .the_comment { margin-top: 10px; }
.impact_area_details p { margin-bottom: 10px; }
.comment p { margin-bottom: 10px; }
form.iic textarea.wysiwyg { height: 300px !important; }
span.change_status { font-size: 12px; }
input#form_status { margin-right: 10px; }
select#emails { width: 300px; clear: both; position: relative; }
.iic_view.input .row a.frm_submit { margin-left: -10px; }
.iic_view.input .row button.frm_submit { margin-left: -10px; }

div.page_break { page-break-before: always; }

/* Control Panel */

div.control .row { padding: 20px 10px; border-bottom: 1px solid #ddd; }
div.control .row.last { padding-bottom: 0; border-bottom: none; }
div.control .input .row { border: none; padding: 10px; }
span.flag { color: red; }

/* Help Section */
.help_vid { margin: 20px 0 40px 20px; position: relative; clear: both; float: left; }
.help_vid h2 { font-weight: bold; }

/* @group Special Notices */
#eipsEmail {
	padding: 5px;
	color: #484949;
	font-style: italic;
}
.container_login .content{padding-top:20px; height:200px;}


/* @end */