Skip to content

Instantly share code, notes, and snippets.

@reliq

reliq/cidori.css

Created November 8, 2013 02:15
Show Gist options
  • Save reliq/7365223 to your computer and use it in GitHub Desktop.
Save reliq/7365223 to your computer and use it in GitHub Desktop.
Download ZIP
Cidori.css
Raw
cidori.css
/**
* Cidori CSS v2.2
* @codename: RallySmooth
*
* @author: Patrick Reid
* @link: http://www.reliqartz.com
*/
/* :Utilities
************/
.admin_notify{background: #ffd202; border-radius: 4px; color: #111; margin: -10px 0 10px; text-align: center;}
.admin_subtitle{border-bottom-style: dashed; border-color: #efefef; color: #999aaa; font-family: Calibri, Arial; margin: 0 0 10px;}
.capitalize {text-transform: capitalize;}
.clr {clear: both; display: block !important; width: 100%;}
.enlimit {margin: 0 auto; position: relative;}
.flow {border-radius: 0 !important; float: none !important; max-width: 100% !important; width: auto !important;}
.floatleft {float: left;}
.floatright {float: right;}
.highlight {background: #fff8d9; color: #e01616;}
.highlight.good {color: #55bb11;}
.lit {background: #fffff1;}
.fullwidth-i {margin: 0; width: 100% !important;}
.lowercase {text-transform: lowercase;}
.priblue {background: rgba(6,89,177,.63);}
.priblue:hover {background: rgba(6,89,177,1);}
.prigreen {background: rgba(32,141,37,.63);}
.prigreen {background: rgba(32,141,37,1);}
.required_notification {color: #ff0000; font-style: italic;}
.sm {font-size: .9em;}
.tagline {color: #fff; display: block; font-family: 'Segoe UI', Arial; font-style: italic; font-size: 16px;}
.tagline.lg {color: #3579c4}
.textcenter {text-align: center;}
.textleft {text-align: left;}
.textright {text-align: right;}
.uppercase {text-transform: uppercase;}
.utilmenu {font-size: 14px; width: auto;}
.utilmenu ul{list-style-type: none; width: auto; min-width: 0; text-align: right;}
.utilmenu ul li{display: inline-block; *display: inline; zoom: 1; margin: 0 -2px; margin: 0\9;}
.utilmenu ul li:first-child{margin-left: 0;}
.utilmenu ul li:last-child{margin-right: 0;}
.width1 {width: 980px; max-width: 100%;}
/* :: Ajax
************/
#ajaxLoader{background: #fff url('../../img/cidori/ajaxloading-sd.gif') center no-repeat; background-size: 100%; border: 8px solid #fff; border-radius: 50%; box-shadow: 0 0 10px 0 #efefef; display: block; height: 70px; margin: 0 50%; top: 40%; position: fixed; width: 70px; z-index: 9999;}
#ajaxLoaderShade{/*background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4 !important; position: fixed; height: 100%; left: 0; top: 0; width: 100%; z-index: 9998;*/ }
/* :Main
************/
::selection {background: #3579c4 ; color: #ffd202;}
a, a *, h1, h2 {text-decoration: none; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
a, a:visited {color: #258aff;}
a:hover {color: #ffd202;}
a.a-citation {color: #111;}
a.a-citation:hover {color: #119; cursor: pointer;}
body {background: #033162 url('../../img/cidori/gradientgrid.png') top !important; color: #111; font-family: Calibri, Arial, 'Segoe UI'; font-size: 15px;}
em, i {font-style: italic;}
h1, h2, h3, h4, h5, h6{border-bottom: none; font-family: 'Segoe UI', Arial; font-variant: normal; width: auto;}
h1 {font-size: 22px; text-shadow: 1px 1px 3px rgba(0,0,0,.09);}
h2 {border-bottom: 1px solid #eeeeee; font-size: 18px; line-height: 23px; padding-bottom: 0px;}
h2.section {border: dashed #00448f; border-width: 0 0 1px; color: #00448f; font-size: .95em; line-height: 2; margin: 18px 0 12px; padding: 0 3px;}
h2.section.active {background: #eefbcb; border-width: 1px 0 0;}
h2.section.flexible {background: #f8f9ff; cursor: pointer; margin-bottom: 0;}
h2.section.flexible:hover {background: #eefbcb;}
h3 {color: #457fc0; font-size: 16px; font-weight: bold;}
h4 {color: #457fde; font-size: 14px; font-weight: bold;}
h5 {border-bottom: 1px dotted #d4e1f9; color: #457fee; font-size: 13px; font-weight: bold;}
h6 {border-bottom: 1px solid #fefefe; color: #6d97e6; font-size: 12px; font-weight: bold; text-decoration: underline;}
input, select, textarea{font-family: 'Times New Roman', Georgia, Calibri, Tahoma, 'Segoe UI', Arial; font-size: 1em; font-style: normal;}
p {font-size: inherit;}
p.error {background: #fffae1; color: #e60a0a; padding: 5px;}
p.notice {background: #efefef; color: #1966bf; padding: 5px;}
pre {border-left: 1px dotted #efefef; padding-left: 10px;}
strong {font-weight: bold;}
sub, sup {font-size: .9em; position: relative;}
sub {bottom: -3px;}
sup {top: -3px;}
table {border-collapse: collapse;}
div#cente {background: #c3d2e3; border: none; min-height: 100px; min-width: 1035px; position: relative; width: auto; z-index: 1;}
div#cente .none {color: #aaa0c0; padding: 10px;}
div#cente .page-control{color: #999aaa; margin-top: 23px; font-size: .85em; text-align: center;}
div#cente #centinside {background: #ffffff; border-radius: 5px 5px 0 0; box-shadow: none; padding: 5px; float: left; *margin-top: -24px; width: 85%; max-width: 86%; min-width: 72.6%; min-height: auto; position: relative; vertical-align: top;}
div#cente #centinside div{}
div#cente #centinside div.h1{background: rgba(0,68,143, .35) url('./grfx/acc/light-sheen.png') center repeat-x; background: #97b2d1 url('./grfx/acc/light-sheen.png') center repeat-x\9; border-radius: 4px; color: #fff; font-size: 25px; font-weight: bold; line-height: 45px; margin-bottom: 20px; min-height: 115px; padding: 0 10px; position: relative; width: auto;}
div#cente #centinside div.result_box{}
div#cente #centinside div.result_box .resultslist{background: #fefefe;}
div#cente #centinside div.result_box .resultslist .searchrecord{cursor: pointer;}
div#cente #centinside div.result_box .resultslist .searchrecord td{padding: 0 5px;}
div#cente #centinside div.sub-section{background: #fcfefe;}
div#cente #centinside div.sub-section.vis{background: #f1f5e5; border: solid #eefbcb; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; padding: 10px 5px 5px;}
div#cente #centinside div.sub-section form{background: transparent;}
div#cente #centinside div.sub-section.vis form div{}
div#cente #centinside div.sub-section.vis form div.submit{padding: 0;}
div#cente #centinside div.sub-section.vis form div.submit input{}
div#cente #centinside div.sub-section.vis form div.submit input{border-radius: 0; line-height: 1; margin-top: 2px;}
div#cente #centinside h1{background: rgba(0,68,143, .35) url('./grfx/acc/light-sheen.png') top repeat-x; background: #97b2d1 url('./grfx/acc/light-sheen.png') top repeat-x\9; border-radius: 5px; color: #fff; font-size: 25px; font-weight: bold; line-height: 45px; margin-bottom: 20px; padding: 0 10px; width: auto;}
div#cente #centinside p{width: auto;}
div#cente #centinside .focus {background: rgba(255,255,255,.9); background: #ffffff\9; box-shadow: 0 0 5px 0 rgba(0,0,0,.01); min-height: 250px; padding: 10px; width: auto;}
/*Apps (Specific)*/
#assets {}
#ess {}
#ess > form{background: url('./grfx/plugins/ess/ess-bg.png') top right no-repeat; min-height: 165px;}
#ess .essdash {}
#ess .essdash .menu{float: left; width: 75%;}
#ess .essdash .menu{float: left; height: 300%; width: 50%;}
#ess .essdash .menu ul{clear: both; list-style-type: none; margin-top: 8%; width: 100%;}
#ess .essdash .menu ul li{float: left; width: 50%;}
#ess .essdash .menu ul li a{background: #edf3fa; border: 1px solid #7da2d1; border-radius: 10px; display: block; height: 170px; margin: 0 auto; max-width: 85%; position: relative; text-align: center; width: 250px;}
#ess .essdash .menu ul li a img{display: block; height: auto; position: relative; margin: 0 auto; max-width: 89%;}
#ess .essdash .menu ul li a img.sr{margin-top: 12px;}
#ess .essdash .menu ul li a:hover{background: #deff9f;}
#ess .essdash .graphboard{background: #ebf0f5; border-radius: 0 7px 7px 0; float: left; height: 300px; width: 50%;}
#ben_sched {}
#ben_sched .schedule-title{font-size: 1.3em; text-align: center;}
#ben_sched .sheet{}
#ben_sched .sheet .benefit-desc{font-size: 1.1em; color: #555; padding: 8px 0;}
#ben_sched .sheet .benefit-details{border: 1px solid #eee; margin-top: 20px;}
#ben_sched .sheet .benefit-details > div{padding: 5px 10px 10px;}
#ben_sched .sheet .benefit-details h2{border-bottom: 1px dashed #00448f; font-size: 15px; padding: 0 5px; background: #eee; font-style: italic;}
#ben_sched .sheet .benefit-details ul{padding-left: 20px; list-style-type: square;}
#ben_sched .sheet .input{}
#ben_sched .sheet .input textarea{height: auto; width: 99%;}
#ben_sched .utilmenu{padding: 10px 0;}
#ben_sched .utilmenu ul{}
#ben_sched .utilmenu ul li{margin: 0 4px 0 0;}
#ben_sched .utilmenu ul li a{background: ; border: 1px solid #eee; border-radius: 4px; display: block; padding: 3px 5px;}
#ben_sched .utilmenu ul li a:hover{background: #fbf596; border-color: #f3eb6f; color: #111; text-decoration: underline;}
#ben_sched .utilmenu ul li:last-child{margin: 0;}
#comms {}
#comms #comms_bc-list{}
#comms #comms_bc-list .bc-row{color: #aaa; float: left; margin: 10px 0; width: 33%;}
#comms #comms_bc-list .bc-row a.bc-card{border: 2px solid #fff; display: block; float: left; height: 94px; margin: 0 10px 0 0; width: 124px;}
#comms #comms_bc-list .bc-row a.bc-card img{height: 100%; width: 100%;}
#comms #comms_bc-list .bc-row a.bc-card:hover{border-color: #ffd202;}
#comms #comms_bc-list .bc-row .card-util{float: left;}
#comms #comms_bc-list .bc-row .card-util .created, #comms #comms_bc-list .bc-row .card-util .modified {font-size: .8em;}
#comms #comms_bc-list .bc-row .card-util .month{font-size: 23px;}
#comms #comms_bc-list .bc-row .card-util .month a{font-size: ;}
#comms #comms_bc-list .bc-row:hover{background-color: #fff; color: #111;}
#comms #comms_bc-years-list{border: 1px solid #efefef; border-radius: 6px;}
#comms #comms_bc-years-list .bc-year-row{}
#comms #comms_bc-years-list .bc-year-row a.bdyr{background: transparent url('../../communication/bd_cards/litblue-cal.png') 1% 50% no-repeat; border-bottom: 1px solid #f3f3f5; display: block; font-size: 20px; padding: 12px 1% 10px 40px; width: auto;}
#comms #comms_bc-years-list .bc-year-row a.bdyr:hover{background-color: #eaf8f6; border-color: #def6f9; color: #118899;}
#comms #comms_bc-years-list .bc-year-row:last-child a.bdyr{border-bottom: none;}
#comms #comms_bc-years-list:hover{border-color: #e3f8fb;}
#comms #comms_bcard-body{}
#comms #comms_bcard-body .bcard-actual{float: left; width: 40%;}
#comms #comms_bcard-body .bcard-actual img.cardimg{border: 3px solid #eeeeef; height: auto; width: 100%;}
#comms #comms_bcard-body .bcard-actual .cardbg{color: #999;}
#comms #comms_bcard-body .bcard-actual .cardbg .bgbg{border: 1px solid #999; cursor: default;}
#comms #comms_bcard-body .bcard-utils{float: left; margin-left: 2%; width: 58%;}
#comms #comms_bcard-body .bcard-utils > div{max-width: 210px;}
#comms #comms_bcard-body .bcard-utils > div a{background: #f8f8f8; border-bottom: 2px solid #fff; display: block; padding: 3px 5px;}
#comms #comms_bcard-body .bcard-utils > div a.active{background: #acf9ac; border-color: #11f9cc; color: #111;}
#comms #comms_bcard-body .bcard-utils > div a:hover{background: #acf9ac; color: #111;}
#comms #comms_bcard-body .bcard-utils #sendcardto{background: #fefefe; width: auto;}
#comms #comms_bcard-body .bcard-utils #sendcardto #sendcardbt{border-radius: 1px !important; line-height: 20px; margin-top: 8px; min-height: 0; width: 100%;}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont{margin-top: 14px; width: 100%;}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont input{}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont input.active_name{background: #ddf9dd; width: 96%;}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont label{font-style: italic;}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont .result_box{width: 210px;}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont .result_box table{}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont .result_box table tr{border-style: dashed;}
#comms #comms_bcard-body .bcard-utils #sendcardto .search_cont .result_box table tr td{padding: 1%;}
#comms #comms_scard-list{position: relative;}
#comms #comms_scard-list .scard-item{background: #efefef; display: inline-block; *display: inline; zoom: 1; width: 33%;}
#comms #comms_scard-list .scard-item img{height: auto; margin: 1% 3%; width: 94%;}
#comms #comms_scard-list .scard-item:hover{background: #ffd202;}
#comms #comms_scat-list{border: 1px solid #efefef; border-radius: 6px;}
#comms #comms_scat-list .scat-row{position: relative;}
#comms #comms_scat-list .scat-row a.scitem{background: transparent url('../../communication/sp_cards/sp_card_bubbles.png') 1% 50% no-repeat; border-bottom: 1px solid #f3f3f5; display: block; font-size: 20px; padding: 12px 1% 10px 145px; width: auto;}
#comms #comms_scat-list .scat-row a.scitem:hover{background-color: #eaf8f6; border-color: #def6f9; color: #118899;}
#comms #comms_scat-list .scat-row .action{position: absolute; right: 2%; top: 30%;}
#comms #comms_scat-list .scat-row .action a{margin: 0 3px;}
#comms #comms_sheet{}
#comms #comms_sheet form{}
#comms #comms_sheet form div{}
#comms #comms_sheet form div.edit-ft{border: 1px dotted #fefefe; clear: both; margin-right: 0; width: auto;}
#comms #comms_sheet form div.edit-ft .current_img{border: 2px solid #edeeef; float: none; margin: 10px; max-height: 200px; width: auto;}
#comms #comms_sheet form div.input{height: auto; margin-right: 2%; width: auto;}
#comms #comms_sheet form div.input input{}
#comms #comms_sheet form div.input input#StoryTitle{width: 500px;}
#comms #comms_sheet form div.input select{width: 150px;}
#comms #comms_sheet form div.input.file {margin-right: 0; width: 100%;}
#comms #comms_sheet form div.textarea {width: 100%;}
#comms #comms_sheet form div.textarea textarea{}
#comms #comms_sheet form div.textarea .ckeditor{height: auto; min-height: 500px;}
#comms #comms_sheet form div.textarea .cke_editor tr{}
#comms #comms_sheet form div.textarea .cke_editor tr:hover{background: transparent;}
#comms #comms_sheet form div.submit {padding: 0;}
#comms #comms_sheet.bd_card {}
#comms #comms_sheet.bd_card form {}
#comms #comms_sheet.bd_card form div#bgColorPicker{margin-right: 0; min-height: 0;}
#comms #comms_sheet.bd_card form div#bgColorPicker label{float: left;}
#comms #comms_sheet.bd_card form div#bgColorPicker #BirthdayCardBgcolor, #comms #comms_sheet.bd_card form div#bgColorPicker .pickbox{border-radius: 2px; color: transparent; font-size: .9em; margin: 0 10px; width: 40px;}
#comms #comms_sheet.bd_card form div#bgColorPicker #cpick{display: none;}
#comms #comms_sheet.bd_card form div#bgColorPicker:hover #cpick{display: block;}
#comms #comms_sheet.bd_card form .fullwidth-i{min-height: 0;}
#comms #comms_storyboard{float: left; width: 80%;}
#comms #comms_storyboard .singleStory{}
#comms #comms_storyboard .singleStory .storyContent{clear: both; padding: 12px 0;}
#comms #comms_storyboard .singleStory .storyContent .body{min-height: 240px;}
#comms #comms_storyboard .singleStory .storyContent .evdate{background: #898989; border-radius: 10px; color: #fff; float: right; height: 100%; line-height: 1; margin-left: 10px; text-align: center; width: 150px; z-index: 2;}
#comms #comms_storyboard .singleStory .storyContent .evdate .day{border-bottom: 1px solid #dedede; margin: 0 1%; font-size: 5em; height: auto;}
#comms #comms_storyboard .singleStory .storyContent .evdate .month{background: #555; font-size: 3em; text-transform: uppercase;}
#comms #comms_storyboard .singleStory .storyContent .evdate .year{font-size: 1.5em; line-height: 29px;}
#comms #comms_storyboard .singleStory .storyContent .featured{float: left; min-height: auto; max-height: 240px; margin-right: 10px; overflow: hidden;}
#comms #comms_storyboard .singleStory .storyContent .featured img{border: 3px solid #eeeeef; height: auto; width: 300px;}
#comms #comms_storyboard .singleStory .storyInfo{border: solid #efefef; border-width: 1px 0; font-family: Arial; font-size: 11px; margin-bottom: 15px;}
#comms #comms_storyboard .singleStory .storyInfo > div {display: inline-block; color: #656565; line-height: 35px; margin-right: 2%;}
#comms #comms_storyboard .singleStory .storyInfo > div h4{color: #666; display: inline; font-size: inherit;}
#comms #comms_storyboard .singleStory .storyInfo > div:last-child {margin-right: none;}
#comms #comms_storyboard .singleStory .storyInfo .type {float: right; font-size: 12px; font-weight: bold;}
#comms #comms_storyboard .singleStory .storyInfo.end {border-bottom: none; margin-bottom: 0;}
#comms #comms_storyboard .singleStory .storyInfo.end > div{float: none; line-height: 2;}
#comms #comms_storyboard .storyStream{overflow: hidden;}
#comms #comms_storyboard .storyStream .story{background: #fcfcfd; box-shadow: 0 0 5px 0 #fcfcfc; border: 1px solid #efefef; border-radius: 2px; clear: both; margin: 18px 0; min-height: 174px; *height: 188px;}
#comms #comms_storyboard .storyStream .story > div{ padding: 0 1%;}
#comms #comms_storyboard .storyStream .story h2{background: #fff; border-bottom: 1px dotted #f3f3fa; font-family: 'Segoe UI', Calibri, Arial; font-size: 1.2em; font-weight: bold; height: auto; *height: 31px; line-height: 1.7;}
#comms #comms_storyboard .storyStream .story h2 a{color: #555; display: block; padding: 0 1%;}
#comms #comms_storyboard .storyStream .story h2 a:hover{color: #258aff;}
#comms #comms_storyboard .storyStream .story h2:hover {border-bottom: 1px dotted #ffd202 !important;}
#comms #comms_storyboard .storyStream .story .sdate{color: #888; font-style: italic;}
#comms #comms_storyboard .storyStream .story .body{min-height: 96px; text-align: justify;}
#comms #comms_storyboard .storyStream .story .body p{font-family: Calibri, Arial !important; font-size: 15px !important; line-height: 1.6 !important;}
#comms #comms_storyboard .storyStream .story .body span{font-family: Calibri, Arial !important; font-size: 15px !important; line-height: 1.6 !important;}
#comms #comms_storyboard .storyStream .story .story_menu{background: #f9f9ff; *height: 35px;}
#comms #comms_storyboard .storyStream .story .story_menu ul{list-style-type: none; padding: 3px 0 2px; position: relative;}
#comms #comms_storyboard .storyStream .story .story_menu ul li{display: inline-block; *display: inline; zoom: 1; margin-right: 5px; position: relative;}
#comms #comms_storyboard .storyStream .story .story_menu ul li a{border: 1px solid #f2f2f2; border-radius: 6px; color: #258aff; padding: 2px 5px; display: block;}
#comms #comms_storyboard .storyStream .story .story_menu ul li a:hover{border-style: dotted; text-decoration: underline;}
#comms #comms_storyboard .storyStream .story .story_menu ul li:last-child{margin-right: none;}
#comms #comms_storyboard .storyStream .story .story_menu ul .admin_menu{background: #FEFEFA; border-radius: 7px; display: block; float: right; height: 100%; margin: 0; *margin-top: -30px; padding: 0 2px 0 8px; position: relative; text-align: center; width: auto; }
#comms #comms_storyboard .storyStream .story .story_menu ul .admin_menu li{}
#comms #comms_storyboard .storyStream .story .story_menu ul .admin_menu li a{margin: 2px 0; padding: 0 5px;}
#comms #comms_storyboard .storyStream .story .story_menu ul .admin_menu li a:hover{background: #f2c830; /* Old browsers */ background: -moz-linear-gradient(top, #f2c830 0%, #e59f1d 51%, #e08d18 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2c830), color-stop(51%,#e59f1d), color-stop(99%,#e08d18)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2c830 0%,#e59f1d 51%,#e08d18 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2c830 0%,#e59f1d 51%,#e08d18 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2c830 0%,#e59f1d 51%,#e08d18 99%); /* IE10+ */ background: linear-gradient(to bottom, #f2c830 0%,#e59f1d 51%,#e08d18 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c830', endColorstr='#e08d18',GradientType=0 ); /* IE6-9 */
border-color: #e59f1d; color: #fff; text-decoration: none;
}
#comms #comms_storyboard .storyStream .story .featu{float: left; height: auto; margin: 0 5px 0 0; overflow: hidden; width: 255px;}
#comms #comms_storyboard .storyStream .story .featu *{transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
#comms #comms_storyboard .storyStream .story .featu > div{background: #000; border: 2px solid #fff; height: 150px; margin: 10px auto; padding: 0; position: relative; width: 230px;}
#comms #comms_storyboard .storyStream .story .featu > div a{background: transparent no-repeat center; background-size: 100%; display: block; height: 100%; overflow: hidden; width: 100%; z-index: 1;}
#comms #comms_storyboard .storyStream .story .featu > div a img{background: #f1f3ff; height: 100%; min-width: 100%;}
#comms #comms_storyboard .storyStream .story .featu > div .evdate{background: rgba(0,0,0,.5); background: #898989\9; color: #fff; position: absolute; height: 100%; line-height: 1; text-align: center; top: 0; left: 0; width: 50%; z-index: 2;}
#comms #comms_storyboard .storyStream .story .featu > div .evdate .day{border-bottom: 1px solid #dedede; margin: 0 1%; font-size: 5em; height: auto;}
#comms #comms_storyboard .storyStream .story .featu > div .evdate .month{background: rgba(0,0,0,.5); background: #555\9; font-size: 3em; overflow: hidden; text-transform: uppercase;}
#comms #comms_storyboard .storyStream .story .featu > div .evdate .year{font-size: 1.5em; line-height: 29px;}
#comms #comms_storyboard .storyStream .story .featu > div:hover{/*border-color: #ffd202;*/}
#comms #comms_storyboard .storyStream .story:hover{background: #fdfeff; border-color: #ffd202 /*#c9ddf5*/;}
#comms #comms_storyboard .storyStream .story:hover h2{border-bottom: 1px solid #e3e3fe;}
#comms #comms_storyboard .storyStream .story:hover .featu > div .evdate{background-color: #ffd202;}
#comms #comms_storyboard .storyStream .story:first-child{margin-top: 0px;}
#comms #comms_storyboard .storyStream .story:last-child{margin-bottom: 8px;}
#comms #comms_storyboard .storyStream .story_pages{}
#comms #comms_storyboard.fs {}
#comms #comms_storyboard.fs .story{}
#comms #comms_storyboard.fs .story .body{clear: both; min-height: 5px;}
#comms #comms_storyboard.fs .story .featu{width: auto;}
#comms #comms_storyboard.fs .story .featu > div{height: 250px; width: auto; }
#comms #comms_uniside{float: left; padding: 0 0 0 2%; width: 18%;}
#comms #comms_uniside > div{border: 1px solid #eee; margin-bottom: 5px;}
#comms #comms_uniside > div > h3{background: rgba(0,68,143, .35); background: #97b2d1\9; color: #fff; font-weight: normal; text-align: center;}
#comms #comms_uniside #events_cal_comms {}
#comms #comms_uniside #events_cal_comms table{font-size: 12px;}
#comms #comms_uniside #events_cal_comms table th{color: #fff; font-size: 1em;}
#comms #comms_uniside #events_cal_comms table tr{}
#comms #comms_uniside #events_cal_comms table tr td{border-color: #f9f9f9 !important; vertical-align: top;}
#comms #comms_uniside #events_cal_comms table tr td.fc-today{background: #efefef; font-weight: bold;}
#comms #comms_uniside #events_cal_comms table.fc-header {}
#comms #comms_uniside #events_cal_comms table.fc-header tr{background: #f9f9ff; border: none;}
#comms #comms_uniside #events_cal_comms table.fc-header tr td{border: none; padding-top: 6px;}
#comms #comms_uniside #events_cal_comms table.fc-header tr td h2{border: none; color: #666666; font-style: italic; font-size: 1em; font-weight: bold;}
#comms #comms_uniside #events_cal_comms table.fc-header tr td.fc-header-left {padding: 10px 0 0 12px;}
#comms #comms_uniside #events_cal_comms table.fc-header tr td.fc-header-right {padding-right: 5px;}
#comms #comms_uniside #events_cal_comms .fc-event-inner {cursor: pointer; font-size: .9em;}
#comms #comms_uniside #events_cal_comms .fc-event-inner .fc-event-title {}
#comms #comms_uniside #events_cal_comms .fc-event-inner:hover {background: #ffd202; border: 1px solid #fefefe; color: #000;}
#comms #comms_uniside .submenu{width: auto;}
#comms #comms_uniside .submenu li{border-bottom: 1px dotted #efefef; margin: 0; width: auto;}
#comms #comms_uniside .submenu li a{margin: 0; font-size: 14px; padding: 5px 10px;}
#comms #comms_uniside .submenu li a > span{*margin: -30px 10px 0 0;}
#comms #comms_uniside .submenu li a:hover{background: #f8ffbc;}
#comms #comms_uniside .submenu li ul{background: #fafaff;}
#comms #comms_uniside .submenu li ul li{width: auto;}
#comms #comms_uniside .submenu li ul li a{}
#comms #comms_uniside .submenu li ul li a:before{content: '- ';}
#comms #comms_uniside .submenu li:last-child{border-bottom: none;}
#comms .scat_tools {margin: 0 0 8px;}
#comms .scat_tools ul{}
#comms .scat_tools ul li{margin: 0 18px 0 0;}
#comms .scat_tools ul li a{color: #aaa; font-style: italic;}
#comms .scat_tools ul li a:hover{color: #135baa; text-decoration: underline;}
#comms.contact {}
#comms.contact form{}
#comms.contact form div.textarea{height: auto; min-height: 80px; width: 100%;}
#comms.contact form div.textarea textarea{height: auto; width: 99%;}
#learning {}
#learning #le-acc{text-align: right;}
#learning #le-acc ul{}
#learning #le-acc ul li{display: inline-block; *display: inline; margin-right: 10px; zoom: 1;}
#learning #le-acc ul li a{background: #fefefe; border: 1px solid #e2ebf6; border-radius: 10px; display: block; padding: 3px 5px;}
#learning #le-acc ul li a:hover{background: #e8fef7; color: #557e1b;}
#learning #le-acc ul li:last-child{margin-right: 0px;}
#learning #course0list{}
#learning #course0list .courserow{border: 1px solid #f5f5f5; position: relative; width: 100%;}
#learning #course0list .courserow .courseleft{float: left; margin: 0 1%; overflow: hidden; padding-top: 10px; position: relative; text-align: center; width: 8%;}
#learning #course0list .courserow .courseleft img{height: auto; margin: 0 auto; max-width: 98%;}
#learning #course0list .courserow .courseright{float: left; padding: 10px 1%; position: relative; width: 88%;}
#learning #course0list .courserow .courseright .courseact{}
#learning #course0list .courserow .courseright .courseact .course-action{}
#learning #course0list .courserow .courseright .coursebody{}
#learning #course0list .courserow .courseright .coursetitle{}
#learning #course0list .courserow .coursetitle {}
#learning #course0list .courserow .coursetitle h2{border-color: transparent;}
#learning #course0list .courserow:hover {background: #f8f8f8;}
#learning #course0pages{margin-top: 30px; font-size: .85em; text-align: center;}
#learning #st_horizontal{position: relative; width: auto;}
#learning #st_horizontal form{background: #fff; margin: 0 auto; position: relative; width: 98%; z-index: 2;}
#learning #st_horizontal form .st_view_container{background: transparent url('./grfx/plugins/learning/form-gridfade.png') repeat-y right top; border-radius: 0 0 5px 5px;}
#learning #st_horizontal #controls{position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1;}
#learning #st_horizontal #controls a{display: block; color: transparent; height: 80px; position: absolute; width: 37px;}
#learning #st_horizontal #controls .next{background: transparent url('./grfx/plugins/learning/tforms-right.png') center no-repeat; right: -6px; top: 42%;}
#learning #st_horizontal #controls .next:hover{background-image: url('./grfx/plugins/learning/tforms-right-h.png');}
#learning #st_horizontal #controls .previous{background: transparent url('./grfx/plugins/learning/tforms-left.png') center no-repeat; left: -6px; top: 42%;}
#learning #st_horizontal #controls .previous:hover{background-image: url('./grfx/plugins/learning/tforms-left-h.png');}
#learning #st_horizontal .st_tabs_container {margin-left: auto; margin-right: auto; position: relative; width: 98% !important; z-index:2;}
#learning #le-inner {padding-top: 18px;}
#learning #le-inner .none{color: #aaa0c0; text-align: center;}
#learning #le-inner #le-my-space{background: #f6f6f6; border: 1px solid #dfeaf6; border-radius: 4px; float: left; padding: 1%; width: 58%;}
#learning #le-inner #le-my-space h2{border-bottom-color: #a5c0d5; color: #296187; font-family: Calibri, Arial; font-size: 21px; font-weight: bold; line-height: 1.5;}
#learning #le-inner #le-my-space .myc-list{}
#learning #le-inner #le-my-space .myc-list a{}
#learning #le-inner #le-my-space .myc-list a:hover{border-bottom: 1px dotted; color: #57d10e;}
#learning #le-inner #le-my-space .myc-list div{transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
#learning #le-inner #le-my-space .myc-list .myc{background: #f6f7ec; border: 1px solid #e6e6e6; border-radius: 4px; margin: 15px 0; overflow: hidden; width: auto;}
#learning #le-inner #le-my-space .myc-list .myc .myc-actions{border-top: 1px dotted #e7e6e6; background: #f5f6ea; padding: 0 8px;}
#learning #le-inner #le-my-space .myc-list .myc .myc-body{color: #676c6e; min-height: 72px; padding: 0 8px;}
#learning #le-inner #le-my-space .myc-list .myc .myc-title{background: #fbfbfb; border-bottom: 1px solid #e6e6e6; color: #018eb7; font-weight: normal; font-size: 18px; padding: 0 8px;}
#learning #le-inner #le-my-space .myc-list .myc .myc-title a{color: #018eb7;}
#learning #le-inner #le-my-space .myc-list .myc .myc-title a:hover{color: #08961f; border-bottom-color: transparent;}
#learning #le-inner #le-my-space .myc-list .myc .myc-title .startdate{color: #abc; float: right; font-size: .7em; position: relative; top: 2px;}
#learning #le-inner #le-my-space .myc-list .myc:hover{border-color: #bcd1ae;}
#learning #le-inner #le-my-space .myc-list .myc:hover .myc-actions{background: #eef6f8;}
#learning #le-inner #le-my-space .myc-list .myc:hover .myc-body{background: #fefeff;}
#learning #le-inner #le-my-space .myc-list .myc-none{padding: 10px 0 0; text-align: center;}
#learning #le-inner #le-side-space{float: left; margin-left: .5%; width: 39%;}
#learning #le-inner #le-side-space > .widg{background: #f6f6f6; border: 1px solid #dfeaf6; border-radius: 4px; margin: 0 0 20px 20px; width: auto;}
#learning #le-inner #le-side-space > .widg h2{background: #e2ebf6; color: #296187; font-family: Calibri, Arial; font-size: 19px; padding: 3px 6px;}
#learning #le-inner #le-side-space > .widg .widg-inner{min-height: 20px; padding: 6px;}
#learning #le-inner #le-side-space .le-hot-programmes{}
#learning #le-inner #le-side-space .le-hot-programmes .popc{}
#learning #le-inner #le-side-space .le-hot-programmes .popc a{background: #f8f8f8 url('./grfx/plugins/learning/coursepc-supersmall.png') 10px 50% no-repeat; border-radius: 5px; display: block; padding: 5px 5px 5px 48px; margin: 5px;}
#learning #le-inner #le-side-space .le-hot-programmes .popc a:hover{background-color: #fdfeff; color: #577d1c; display: block;}
#learning #le-inner #le-side-space .le-hot-programmes .popc .sd{color: #aeaeae; float: right; font-size: .7em; font-style: italic; position: relative; margin-right: 10px; top: 5px; }
#learning div{}
#learning div.h1{}
#learning div.h1 h1{}
#learning div.h1 h1#desktitle{background: transparent; border-radius: 0; position: relative; top: 20px;}
#learning div.h1 #gowncap-h1-img{left: 2px; position: absolute; top: 2px;}
#learning div.h1.le-desk{padding-left: 225px !important; height: 115px;}
#learning div.h1.le-desk .h1-util{font-family: Calibri, Arial; font-size: .7em; font-style: italic; font-weight: normal; text-align: right;}
#learning div.input {margin: 1%; width: 250px;}
#learning div.input input, #learning div.input select, #learning div.input textarea{width: 100%;}
#learning div.input.handle-buttons {padding-top: 20px;}
#learning div.input.handle-buttons button{width: 100%;}
#learning div.st_horizontal {}
#learning div.st_horizontal ul.st_tabs {}
#learning div.st_horizontal ul.st_tabs li{}
#learning div.st_horizontal ul.st_tabs li a{font-size: 14px;}
#taam {}
#taam h1{margin-bottom: 25px;}
#taam form{}
#taam table{}
#taam table tr{}
#taam table tr td{text-align: center;}
#taam table tr th{}
#taam #edit {}
#taam #reportUpdateMonth, #taam #reportUpdateQuarter, #taam #reportUpdateYear, #taam #reportUpdateSemi{margin-bottom: 30px; width: auto !important;}
#taam #reportSpecDiv .jqplot-table-legend{left: -15px !important;}
#taam .graph-holder {border: 1px dotted #efefef; border-radius: 10px; margin: 30px 0 5px; padding: 10px 2%; width: auto;}
/*_Apps*/
div#cente #centinside .focus .cdisp{background: #edf1f4; border-bottom: 1px solid rgba(0,0,0,.08); height: auto; margin: 0px -10px 0; padding: 15px 0; position: relative}
div#cente #centinside .focus .cdisp .cshow{background: transparent url('../../img/cidori/cshow-bg.png') center no-repeat; *background: transparent; float: left; height: auto; max-width: 800px; margin: 0 2%; *margin-left: 1.4%; position: relative; width: 60%;}
div#cente #centinside .focus .cdisp .cshow #slide_admin{background: rgba(251,214,44,.7); *background: #fefefe; left: 0; position: absolute; text-align: right; top: 0px; width: 100%; z-index: 8888;}
div#cente #centinside .focus .cdisp .cshow #slide_admin ul{display: block;}
div#cente #centinside .focus .cdisp .cshow #slide_admin ul li{display: inline-block; *display: inline; zoom: 1;}
div#cente #centinside .focus .cdisp .cshow #slide_admin ul li a{color: #000; display: block; padding: 0 3px;}
div#cente #centinside .focus .cdisp .cshow #slide_admin ul li a:hover{color: #000; text-decoration: underline;}
div#cente #centinside .focus .cdisp .cshow #slide_admin:hover {background: #ffde44;}
div#cente #centinside .focus .cdisp .cshow .slider-wrapper{width: 100%; height: 250px; margin: 0 auto; overflow: hidden; position: relative;}
div#cente #centinside .focus .cdisp .cshow .slider-wrapper {height: 100%;}
div#cente #centinside .focus .cdisp .cshow .slider-wrapper #slider { margin: auto;}
div#cente #centinside .focus .cdisp .cshow .slider-wrapper #slider img{max-height: 250px}
div#cente #centinside .focus .cdisp .cshow .slider-wrapper #slider .nivo-caption {background: #013c7b; color: #fff;}
div#cente #centinside .focus .cdisp .cshow .nivo-controlNav{display: none;}
div#cente #centinside .focus .cdisp .cvideo{background: #000 url('../../img/cidori/cvideo-bg.png') /*url('./grfx/acc/tvStaticDark.gif')*/ center no-repeat; float: left; height: auto; margin: 0 2% 0 0; *margin: 0 1%; position: relative; width: 34%; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
div#cente #centinside .focus .cdisp .cvideo .video-wrapper {background: #c3d2e3 url('../../communication/hrtv/hrtv.png') 50% 35% no-repeat; height: 100%; overflow: hidden; width: 100%;}
div#cente #centinside .focus .cdisp .cvideo .video-wrapper iframe{height: 100%; width: 100%;}
div#cente #centinside .focus .cdisp .cvideo .video-wrapper object{height: 100%; width: 100%;}
div#cente #centinside .focus .filter_cont {}
div#cente #centinside .focus .filter_cont .filter{}
div#cente #centinside .focus .filter_cont .filter input.reset{margin-top: 0;}
div#cente #centinside .focus .limiter {background: #f6f6f6; max-width: auto; min-width: 800px;}
div#cente #centinside .focus .limiter .ghost-limiter{max-width: 1320px; margin: 0 auto;}
div#cente #centinside .focus .gridway {background: transparent; border-bottom: 1px dotted #efefef; margin: 0 auto; min-height: auto; overflow: hidden; padding: 10px 0; position: relative; width: auto;}
div#cente #centinside .focus .gridway > ul, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango{list-style-type: none; padding: 0; text-align: center; width: auto;}
div#cente #centinside .focus .gridway > ul li, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li{background: transparent; display: inline-block; *display: inline; zoom: 1; height: 110px; margin: 0 12px 0 0 /*10px*/; position: relative; vertical-align: middle; width: 10.3%;}
div#cente #centinside .focus .gridway > ul li a, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a{background: #ccc; color: #fff; display: block; height: 100%; opacity: 1; position: relative; text-align: center; line-height: 145px; /*transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; width: 100%;*/}
div#cente #centinside .focus .gridway > ul li a img, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a img{margin-top: 25px; max-height: 60%;}
/* -Gridway Rectangles- */
div#cente #centinside .focus .gridway > ul li a.profile, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.profile{background: #c745e3 /*#4bb3d5*/}
div#cente #centinside .focus .gridway > ul li a.leave, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.leave{background: #5fa93a /*#5fa8f1*/;}
div#cente #centinside .focus .gridway > ul li a.appraisals, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.appraisals{background: #c3061c /*#74ccf5*/;}
div#cente #centinside .focus .gridway > ul li a.budget, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.budget{background: #4a8ed8;}
div#cente #centinside .focus .gridway > ul li a.benefits, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.benefits{background: #1d6fd6 /*#379aac;*/}
div#cente #centinside .focus .gridway > ul li a.learning, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.learning{background: #47b375 /*#26b7c4*/;}
div#cente #centinside .focus .gridway > ul li a.timesheets, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.timesheets{background: #99763f /*rgb(116,171,191)*/;}
div#cente #centinside .focus .gridway > ul li a.taam, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.taam{background: #e09a18 /*rgb(132,198,222)*/;}
div#cente #centinside .focus .gridway > ul li a.help, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.help{background: #90b0d3;}
div#cente #centinside .focus .gridway > ul li a.selfservice, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.selfservice{background: #038489 /*#74bff9*/;}
div#cente #centinside .focus .gridway > ul li a.jobs, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.jobs{background: #3ec2ff;}
div#cente #centinside .focus .gridway > ul li a.loans, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.loans{background: #2ddac0 /*#3fd9e7*/;}
div#cente #centinside .focus .gridway > ul li a.polls, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a.polls{background: #9bd2eb;}
div#cente #centinside .focus .gridway > ul li a:hover, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li a:hover {background: #111111; opacity: 1;}
div#cente #centinside .focus .gridway > ul li a:hover img{animation-name: pulsate; animation-duration: 200ms; transform-origin:50% 50%; animation-iteration-count: 2; animation-timing-function: linear; -webkit-animation-name: pulsate; -webkit-animation-duration: 200ms; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: 2; -webkit-animation-timing-function: linear;}
div#cente #centinside .focus .gridway > ul li:first-child, div#cente #centinside .focus .gridway > .jcarousel-skin-cidoritango li:first-child {margin-left: 10px;}
div#cente #centinside .focus .illusion {background: #fefefe; margin: 0 -10px; min-height: 20px; position: relative; width: auto;}
div#cente #centinside .focus .illusion #dash_widgets{width: 100%;}
div#cente #centinside .focus .illusion #dash_widgets tr{border: solid #fbfbfb; border-width: 0 0 1px 0; width: 100%;}
div#cente #centinside .focus .illusion #dash_widgets tr td{border: 0; line-height: 1.5; margin-bottom: 3px; padding: 0; vertical-align: top; width: 33%;}
div#cente #centinside .focus .illusion #dash_widgets tr td div {background: transparent;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div{background: transparent; border: 1px solid #a8bfda; border-radius: 3px; min-height: 295px; margin: 3% 2%; padding-bottom: 20px; position: relative; text-align: justify;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div a.more{background: rgba(32,141,37,.69); background: #57a561\9; bottom: 0; color: #fff !important; display: block; left: 0; line-height: 20px; position: absolute; text-align: center; width: 100%;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div a.more:hover{background: rgba(32,141,37,1); background: #208d25\9;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div > h2{ background: #a4bbd6; /* Old browsers */ background: -moz-linear-gradient(top, #a4bbd6 0%, #bbcde2 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4bbd6), color-stop(99%,#bbcde2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a4bbd6 0%,#bbcde2 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a4bbd6 0%,#bbcde2 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a4bbd6 0%,#bbcde2 99%); /* IE10+ */ background: linear-gradient(to bottom, #a4bbd6 0%,#bbcde2 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4bbd6', endColorstr='#bbcde2',GradientType=0 ); /* IE6-9 */
border-color: #a8bfda; color: #fff/*#012c58*/; font-size: 14px; font-weight: bold; line-height: 2; margin-bottom: 3px; padding: 0 2%; text-shadow: none/*1px 1px 1px rgba(255,255,255,.2)*/;
text-transform: uppercase; text-shadow: 1px 1px 1px #6dabe1;
}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story{border-bottom: 1px dotted #dedefe; height: 76px; padding: 5px 7px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .featured_img{background: #000000; border: 2px solid #edf1f4; float: left; height: 50px; margin: 2px 10px 0 0; vertical-align: text-top; width: 50px; z-index: 3;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .featured_img img{background: #f1f3ff; height: 100%; width: 100%;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet{background: transparent; min-height: 65px; line-height: 1.1; text-align: left; vertical-align: text-top; zoom: 1;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet a{}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet a:hover{color: #39ac00;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet h3{color: #105d9d; font-weight: bold; font-size: 14px;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet h3 a{color: inherit;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet p{max-height: 32px; overflow: hidden;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet .date{border-top: 1px dotted #efefef; color: #e5c840;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story .story_snippet .readmore{display: block; font-size: .9em; text-align: right;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story:hover{background: #f3f8ff; *background: transparent;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div .story:last-child{border-bottom: none;}
div#cente #centinside .focus .illusion #dash_widgets tr td > div:hover{background: #fffff1; *background: transparent;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget{}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#newsfeed{}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#newsfeed h3{}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#newsfeed h3 a{color: #c3061c;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#newsfeed h3 a:hover{color: #39ac00;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#newsfeed .date{color: #666; font-style: italic;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#newsfeed.empty{background-image: url('./grfx/plugins/comms/no-news-items.png'); background-position: center; background-repeat: no-repeat;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#upcoming{}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#upcoming.empty{background-image: url('./grfx/plugins/comms/no-upcoming-events.png'); background-position: center; background-repeat: no-repeat;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#vacancies{}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#vacancies .job{border-bottom: 1px dotted #dedefe; line-height: 35px;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#vacancies .job a{background: transparent url('./grfx/icons/sm-briefcase.png') 8px 50% no-repeat; color: #09396f; display: block; padding: 0 20px 0 45px;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#vacancies .job a:hover{background-color: #fbf48b; color: #0d5592;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#vacancies .job:last-child{border-bottom: none;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget#vacancies.empty{background-image: url('./grfx/plugins/recruitment/no-available-jobs.png'); background-position: center; background-repeat: no-repeat;}
div#cente #centinside .focus .illusion #dash_widgets tr td .widget:hover{}
div#cente #centinside .focus .illusion #dash_widgets tr td:first-child{}
div#cente #centinside .focus .illusion #dash_widgets tr td:first-child > div{}
div#cente #centinside .focus .illusion #dash_widgets tr td:last-child{border-color: transparent;}
div#cente #centinside .focus .illusion #dash_widgets tr:hover {background: transparent;}
div#cente #centinside .focus .illusion #dash_widgets tr:last-child {border-color: transparent;}
div#cente #sidbar {background: #c3d2e3; float: left; *margin-top: -24px; min-height: 100px; padding: 0 0 7px; position: relative; width: 14%; vertical-align: top;}
div#cente #sidbar a{transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s;}
div#cente #sidbar br{display: none;}
div#cente #sidbar > .inside{background: #fefefe; border-radius: 5px; margin: 0 5px; padding: 5px; position: relative; width: auto; }
div#cente #sidbar > .inside .littinfo {background: rgba(238,238,238,.32); min-height: 20px; text-align: left; width: auto;}
div#cente #sidbar > .inside .littinfo > div {background: #eeeeff/*#dedeff*/; margin-bottom: 10px; padding: 10px;}
div#cente #sidbar > .inside .littinfo .infosnip{background: rgba(159,185,213,.11); padding: 10px;}
div#cente #sidbar > .inside .littinfo .infosnip .jobtitle{color: #615e52; font-family: 'Segoe UI', Calibri, Arial; font-size: 14px; line-height: 16px; width: auto; }
div#cente #sidbar > .inside .littinfo .infosnip .jobtitle span{display: inline;}
div#cente #sidbar > .inside .littinfo .infosnip .name{border-bottom: 1px solid #3574ba; color: #3574ba; font-family: Calibri, 'Segoe UI', Arial; line-height: 1.1; font-size: 24px;}
div#cente #sidbar > .inside .littinfo .pdetails {width: auto;}
div#cente #sidbar > .inside .littinfo .pdetails > div {background: #fdfeff; font-size: 14px; line-height: 25px; margin-bottom: 2px; overflow: hidden; position: relative;}
div#cente #sidbar > .inside .littinfo .pdetails > div div {color: #72726c; display: inline-block; *display: inline; zoom: 1; font-family: Calibri, 'Segoe UI', Arial; padding: 0 5px; vertical-align: middle;}
div#cente #sidbar > .inside .littinfo .pdetails > div .la {background: rgba(230,189,0,.73); background: #e5c840\9; color: #fff; font-family: 'Segoe UI', Calibri, Arial; font-size: 12px; padding: 0 5px;}
div#cente #sidbar > .inside .littinfo .pdetails .fulldetails{background: rgba(32,141,37,.69); background: #57a561\9; color: #fff; display: block; font-size: 12px; line-height: 20px; text-align: center;}
div#cente #sidbar > .inside .littinfo .pdetails .fulldetails:hover{background: rgba(32,141,37,1); background: #208d25\9;}
div#cente #sidbar > .inside .littinfo .pdetails h2{background: #fdfeff; color: #6a6448; font-size: 16px; line-height: 32px; margin-bottom: 2px; padding: 0 5px;}
div#cente #sidbar > .inside .littinfo .sidepolls {}
div#cente #sidbar > .inside .littinfo .sidepolls a{display: block; margin-top: 0;}
div#cente #sidbar > .inside .littinfo .sidepolls h2{background: #d9e7f7 url('./grfx/acc/sidepolls-ques.png') no-repeat 3px 50%; border-radius: 3px 3px 0 0; color: #024998; font-size: 16px; padding: 0 5px 0 22px;}
div#cente #sidbar > .inside .littinfo .sidepolls h3{background: #fff; border: dotted #fefefe; border-width: 0 1px 1px; border-bottom-color: #eee; font-weight: normal; font-size: 13px; padding: 5px;}
div#cente #sidbar > .inside .littinfo .sidepolls form{background: #fefefe; border: 1px solid transparent; border-radius: 0 0 3px 3px; margin-bottom: 5px;}
div#cente #sidbar > .inside .littinfo .sidepolls form div.submit{margin: 0 auto; float: none; padding: 0;}
div#cente #sidbar > .inside .littinfo .sidepolls form div.submit input{display: block; line-height: 1; margin: 0 auto; width: 100%;}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont{}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont > div{}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont a{}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont a.bt{}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont a.bt.view-all-polls{background: url('./grfx/plugins/epolls/view-all-polls.png') center no-repeat !important; border-color: transparent !important; color: transparent !important; height: 47px; margin: 2px auto 8px; padding: 0 !important; text-shadow: none; width: 178px;}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont a.bt.view-all-polls:hover{background: url('./grfx/plugins/epolls/view-all-polls-hover.png') center no-repeat !important;}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont a.bt.view-all-surveys{background: url('./grfx/plugins/epolls/view-all-surveys.png') center no-repeat !important; border-color: transparent !important; color: transparent !important; height: 47px; margin: 8px auto 2px; padding: 0 !important; text-shadow: none; width: 177px;}
div#cente #sidbar > .inside .littinfo .sidepolls .wpoll_cont a.bt.view-all-surveys:hover{background: url('./grfx/plugins/epolls/view-all-surveys-hover.png') center no-repeat !important;}
div#cente #sidbar > .inside .littinfo .sidepolls .ques_list{border: 1px solid transparent; margin: 2px 0;}
div#cente #sidbar > .inside .littinfo .sidepolls .ques_list a{background: #d9e7f7 url('./grfx/acc/sidepolls-ques.png') no-repeat 3px 50%; border-radius: 3px; color: #024998; padding: 0 5px 0 22px;}
div#cente #sidbar > .inside .littinfo .sidepolls .ques_list a:hover{background: #024998 url('./grfx/acc/sidepolls-ques-hover.png') no-repeat 3px 50%; color: #fff;}
div#cente #sidbar > .inside .littinfo .sidepolls:hover {background: #eeefff;}
div#cente #sidbar > .inside .littinfo .sidepolls:hover h2 {background: #024998 url('./grfx/acc/sidepolls-ques-hover.png') no-repeat 3px 50%; color: #fff;}
div#cente #sidbar > .inside .picanvas{background: rgba(0,68,143,.19); background: #9db7d3\9; height: 200px; padding: 7px 0; position: relative; width: 100%;}
div#cente #sidbar > .inside .picanvas .picspace{background: rgba(255,255,255,.8) url('../../img/cidori/picspace-bg.png') center no-repeat; height: 200px; margin: auto; max-width: 100%; overflow: hidden; position: relative; width: 200px;}
div#cente #sidbar > .inside .picanvas .picspace img{height: 100%; width: 100%;}
div#cente #sidbar > .inside ul.submenu {font-family: Calibri, Sans-Serif, Arial; font-size: 14px; width: auto;}
div#cente #sidbar > .inside ul.submenu li{margin-left: 0; width: auto;}
div#cente #sidbar > .inside ul.submenu li a{font-weight: normal; font-size: 14px; line-height: 22px; margin-bottom: 0; padding: 5px;}
div#cente #sidbar > .inside ul.submenu li a > span{*margin-top: -30px;}
div#cente #sidbar > .inside ul.submenu li a:hover{background: #fffa9a; color: #014791;}
div#cente #sidbar > .inside ul.submenu li a.sub_sel{background: #768fab; color: #fff;}
div#cente #sidbar > .inside ul.submenu li ul{background: #f8f8f8; border-radius: 5px 5px 0 0; font-size: .95em; overflow: hidden; padding: 2px;}
div#cente #sidbar > .inside ul.submenu li ul li{border: none; border-bottom: 1px dotted #efefef;}
div#cente #sidbar > .inside ul.submenu li ul li a{border-bottom: 1px dotted #f8f8f8; line-height: 1.7; padding: 0 6px;}
div#cente #sidbar > .inside ul.submenu li ul li a:hover{/*border-radius: 15px;*/}
div#cente #sidbar > .inside ul.submenu li ul li a:before{content: '- ';}
div#cente #sidbar > .inside ul.submenu li ul li ul{background: #f4f4f4; border: 1px solid #f1f1f1; border-radius: 0; padding: 0;}
div#cente #sidbar > .inside ul.submenu li ul li ul li{}
div#cente #sidbar > .inside ul.submenu li ul li ul li a{color: #333; font-style: italic; padding-left: 10px;}
div#cente #sidbar > .inside ul.submenu li ul li ul li a:hover{background: #d3e2ff; color: #000; padding-left: 10px;}
div#cente #sidbar > .inside ul.submenu li ul li ul li a:before{content: '-- ';}
div#cente #sidbar > .inside ul.submenu li ul li:hover{/*background: #F7F181;*/}
div#cente #sidbar > .inside ul.submenu li ul li:last-child{border-bottom: none;}
div#cente #sidbar > .inside ul.submenu li:last-child{border-bottom: none;}
div#cente div.list {border-radius: 10px; box-shadow: 0 0 4px 0 rgba(0,0,0,.05); margin-bottom: 20px;}
/* (Special) Content Forms:; */
div#cente form {box-shadow: none; width: 100%;}
div#cente form div{}
div#cente form div.add_new {float: left; margin: 0 0 0 -12px; padding-top: 30px;}
div#cente form div.add_new button{background: transparent url('../../assets/img/add_bt.png') no-repeat center; background-size: 100%; border: none; color: transparent; cursor: pointer; height: 25px; width: 25px;}
div#cente form div.input {display: inline-block; *display: inline; float: none; vertical-align: top;}
div#cente form div.submit{display: block; float: none; vertical-align: top; padding: 12px 0 0 5px;}
div#cente form div.textarea{height: auto; min-height: 80px;}
div#cente form div.textarea textarea{height: 50px;}
div#cente form fieldset{border: 1px solid #ccc; margin: 10px; padding: 10px;}
div#cente form input, div#cente form select, div#cente form textarea{background: #edf5fd; border-radius: 2px; cursor: pointer; font-size: 17px; font-style: normal;}
div#cente form input:hover, div#cente form select:hover, div#cente form textarea:hover{border-color: #b6d6f7;}
div#cente form input:focus, div#cente form select:focus, div#cente form textarea:focus{background: #cafcc5; color: #127448;}
div#cente form input[disabled='disabled'], div#cente form select[disabled='disabled'], div#cente form textarea[disabled='disabled']{background: #f7f7f7; cursor: default;}
div#cente form input[disabled='disabled']:hover, div#cente form select[disabled='disabled']:hover, , div#cente form textarea[disabled='disabled']:hover{border-color: #e2e2e2;}
div#cente form input[readonly='readonly'] {background: #f7f7f7; color: #8f8f8f;}
div#cente form input[type='password'], div#cente form input[type='text'] {height: auto;}
div#cente form input[type='file'] {cursor: pointer; height: auto;}
div#cente form input[type='submit'] {background: #4d90fe; border: none; border: 1px solid #a3ccf3; border-radius: 5px; box-shadow: none; color: #fff; cursor: pointer; font-family: 'Sehoe UI', Calibri, Arial; font-size: 16px; font-weight: normal; height: auto; line-height: 28px; margin-top: 15px; padding: 0 20px; text-align: center; text-shadow: 1px 1px 3px rgba(0,0,0,.12); width: auto; transition: all .15s; -moz-transition: all .15s; -webkit-transition: all .15s; -o-transition: all .15s;}
div#cente form input[type='submit']:hover {background: #fbf596 /*#8aa6c7*/; border-color: #f3eb6f; color: #4097fd; text-shadow: none;}
div#cente form label{color: #687d97; padding: 0;}
div#cente.calendar {}
div#cente.calendar #centinside{background: transparent; border-radius: 0; max-width: 100%; padding: 0; width: 100%;}
div#cente.calendar #centinside .focus {background: #fff\9; width: 980px; margin: 0 auto; padding: 10px 0;}
div#cente.calendar #centinside .focus h1{border-radius: 0;}
div#cente.dash {background: #c3d2e3 url('../../img/cidori/centestreak.png') top right repeat-y;}
div#cente.dash #centinside.dash {width: 84%; padding: 0;}
div#cente.dash #centinside.dash .focus{box-shadow: 0 0 3px 0 rgba(0,0,0,0.05);}
div#cente.dash #centinside.dash .focus h1{border-radius: 0; margin: 0 -10px;}
div#cente.dash #sidbar.dash {width: 16%;}
div#cente #sidbar.dash > .inside{background: transparent; border-radius: 0; margin: 0 auto; max-width: 100%; padding: 0; width: 235px;}
div#cente.eprofile {}
div#cente.eprofile #centinside{background: transparent; border-radius: 0; max-width: 100%; padding: 0; width: 100%;}
div#cente.eprofile #centinside .focus {background: #fff\9; width: 980px; margin: 0 auto; padding: 10px 0;}
div#cente.eprofile #centinside .focus #eprofile {background: #fcfcfc; border: 1px solid #dbe4ef; box-shadow: 0 0 5px 0 rgba(0,0,0,.05); height: auto; min-height: 240px; width: 962px;}
div#cente.eprofile #centinside .focus #eprofile #epro-pic{background: #cad9ec; float: left; height: 200px; width: 200px;}
div#cente.eprofile #centinside .focus #eprofile #epro-pic .pic-holder{background: #ffffff url('../../img/cidori/picspace-bg.png') center no-repeat; height: 160px; margin: 20px auto; width: 160px;}
div#cente.eprofile #centinside .focus #eprofile #epro-pic .pic-holder img{height: 100%; width: 100%;}
div#cente.eprofile #centinside .focus #eprofile #epro-info {height: auto;}
div#cente.eprofile #centinside .focus #eprofile #epro-info #epro-detail{border-top: 1px dashed #dfe8f2; margin-top: 3px; padding: 5px; position: relative; text-align: justify; z-index: 100;}
div#cente.eprofile #centinside .focus #eprofile #epro-info #epro-detail h1 {font-weight: normal;}
div#cente.eprofile #centinside .focus #eprofile #epro-info #epro-detail form{width: auto;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu{background: #e7ecf3; height: 30px; position: relative; width: 100%; z-index: 500;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul{list-style: none; text-align: center;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li{border-right: 1px solid #d2d7dc;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_more{width: 55px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_more ul{border-radius: 0 5px 5px 5px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_job_details{width: 90px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_contact{width: 118px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_intellectual_capital{width: 140px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_qualification_details{width: 107px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li.alevel_statement_of_affairs{width: 158px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul > li:last-child{border-right: none;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li{display: inline-block; *display: inline; list-style: none; margin-left: -2px; margin-left: 0\9; text-align: center; vertical-align: top; zoom: 1;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li > a{color: #1e4980; display: block; line-height: 30px; padding: 0 11px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li > a.sub_sel{background: #00448f; color: #ffffff;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li > a:hover{background: #66a6f4; color: #ffffff;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li ul{ background: #e7ecf3; /* Old browsers */ background: -moz-linear-gradient(top, #e7ecf3 0%, #f2f5f9 51%, #e7ecf3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ecf3), color-stop(51%,#f2f5f9), color-stop(100%,#e7ecf3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e7ecf3 0%,#f2f5f9 51%,#e7ecf3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e7ecf3 0%,#f2f5f9 51%,#e7ecf3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e7ecf3 0%,#f2f5f9 51%,#e7ecf3 100%); /* IE10+ */ background: linear-gradient(to bottom, #e7ecf3 0%,#f2f5f9 51%,#e7ecf3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ecf3', endColorstr='#e7ecf3',GradientType=0 ); /* IE6-9 */
border-radius: 0 0 5px 5px; box-shadow: 1px 1px 0 2px rgba(0,0,0,.02); display: none; overflow: hidden; width: 200px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li ul li{border-bottom: 1px solid #d2d7dc; display: block; text-align: left;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li ul li:last-child{border-bottom: none;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li ul li a{padding: 0 10px;}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li:hover {}
div#cente.eprofile #centinside .focus #eprofile #epro-info .epro-menu ul li:hover ul{display: block;}
div#cente.eprofile #centinside .focus #eprofile #epro-init{background: transparent; float: left; height: auto; min-height: 200px; width: 762px;}
div#cente.eprofile #centinside .focus #eprofile #epro-init h1{background: #dbe4ef; border-radius: 0; color: #0c68ce; font-weight: normal; font-size: 30px; margin-bottom: -9px; text-shadow: none; width: auto;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus{padding: 0 1%; width: 98%;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus div{line-height: 1.3;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .initextra, div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .initextra2 {border-top: 1px solid #dbe4ef; color: #6d6d6d; float: left; font-size: 16px; margin-top: 9px; padding-top: 5px; vertical-align: top; width: 50%;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .initextra .highlight, div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .initextra2 .highlight{background: transparent; color: #4789de /*#618e49*/;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .initextra .label, div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .initextra2 .label{display: inline-block; *display: inline; width: 105px; zoom: 1;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .line1{color: #4789de; font-size: 20px; padding-top: 5px;}
div#cente.eprofile #centinside .focus #eprofile #epro-init .initfocus .line2{color: #6d6d6d; font-size: 20px;}
div#cente.eprofile #sidbar {display: none;}
div#cente.poller {}
div#cente.poller br {display: block;}
div#cente.poller form {background: transparent;}
div#cente.poller #centinside {background: transparent; border-radius: 0; max-width: 100%; padding: 0; width: 100%;}
div#cente.poller #centinside table.list {margin: 0 auto;}
div#cente.poller #centinside .create-buttons {margin: 0 auto;}
div#cente.poller #centinside .focus {}
div#cente.poller #centinside .focus .question-wrapper{margin: 0 auto; padding: 1%; width: 60%;}
div#cente.poller #sidbar {display: none;}
div#footer {height: auto; width: auto;}
div#footer #floor{background: transparent /*url('../../img/cidori/gradientgrid-bottom.png')*/ repeat-x top; color: #fff; min-height: 130px;}
div#footer #floor a{color: #a4c0de;}
div#footer #floor a:hover{color: #ffd202;}
div#footer #floor .endnotes {color: #eeeeee; font-family: Calibri, 'Segoe UI', inherit; font-size: 12px; line-height: 14px; padding-top: 0px; text-align: center;}
div#footer #floor .endnotes span{display: block;}
div#footer #floor .floormenu {background: #284f79; font-size: 18px; line-height: 31px; margin-bottom: 8px; text-align: center;}
div#footer #floor .floormenu img{max-height: 30px; width: auto;}
div#footer #floor .floormenu ul{list-style-type: none;}
div#footer #floor .floormenu ul li{border-left: 1px dotted #012d58; display: inline-block; *display: inline; zoom: 1;}
div#footer #floor .floormenu ul li a{color: #fff; display: block; padding: 0 5px; text-shadow: 1px 1px 3px rgba(0,0,0,.4);}
div#footer #floor .floormenu ul li a:hover{background: rgba(0,124,169,.25); color: #ffd202;}
div#footer #floor .floormenu ul li:first-child {border-left: none;}
div#footer #floor .subfloormenu {background: rgba(255,255,255,.04); background: #0c345d\9; font-size: 14px; line-height: 24px; position: relative; text-align: center;}
div#footer #floor .subfloormenu ul{list-style-type: none; margin: 0px; padding: 0px;}
div#footer #floor .subfloormenu ul li{display: inline-block; *display: inline; zoom: 1;}
div#footer #floor .subfloormenu ul li a{display: block; padding: 0 3px;}
div#footer #floor .utilmenu {padding: 3px 0 5px;}
div#footer #floor .utilmenu li{margin-left: 10px;}
div#footer #floor .utilmenu li:first-child{margin-left: 0;}
div#header {background: #c3d2e3; font-family: 'Segoe UI', Calibri, Arial; min-height: 152px; width: auto; margin: 0; min-width: 1035px; overflow: visible; position: relative; z-index: 2;}
div#header #hublogo {display: block; margin: 0 15px; padding-top: 15px; width: 220px;}
div#header #hublogo img{max-width: 220px; height: auto;}
div#header #headmenu {background: #00448f; height: 45px; line-height: 45px; margin: 0 auto; overflow: visible; position: relative; top: 15px;}
div#header #headmenu ul{list-style-type: none; position: relative; text-align: center;}
div#header #headmenu > ul > li{height: auto;}
div#header #headmenu ul li{border-right: 1px dashed #012956; display: inline-block; *display: inline; zoom: 1; margin-left: -4px; *margin-left: 0; vertical-align: top;}
div#header #headmenu ul li a{color: #fff; display: block; padding: 0 9px; text-shadow: 1px 1px 3px rgba(0,0,0,.4);}
div#header #headmenu ul li a.has-sub{background: transparent url('./grfx/icons/headmenu-parentbg-sm.png') no-repeat 95% 50%; padding-right: 20px;}
div#header #headmenu ul li a.has-sub.sub-selected{background: rgba(6,106,206,.2) url('./grfx/icons/headmenu-parentbg-selected.png') no-repeat 95% 50%; background: #386aa1\9 url('./grfx/icons/headmenu-parentbg.png') no-repeat 95% 50%; border-radius: 5px 5px 0 0; color: #f9f914;}
div#header #headmenu ul li a:hover{background-color: rgba(6,106,206,.2); background-color: #386aa1\9; color: #ffd202;}
div#header #headmenu ul li ul.sub-holder { background: rgba(1,75,154,.9); background: #014997; /* Old browsers */ background: -moz-linear-gradient(top, #014997 0%, #014b9a 50%, #014997 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#014997), color-stop(50%,#014b9a), color-stop(100%,#014997)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #014997 0%,#014b9a 50%,#014997 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #014997 0%,#014b9a 50%,#014997 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #014997 0%,#014b9a 50%,#014997 100%); /* IE10+ */ background: linear-gradient(to bottom, #014997 0%,#014b9a 50%,#014997 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014997', endColorstr='#014997',GradientType=0 ); /* IE6-9 */
border: solid #00448f; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 3px 0 rgba(1,1,1,.1); display: none; font-size: .9em; height: auto; line-height: 1.2; padding: 5px 0 0; position: relative; overflow: hidden; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; width: 120px; z-index: 2000;
}
div#header #headmenu ul li ul.sub-holder li {border: 0px; border-bottom: 1px solid #00448f; display: block; margin: 0; padding: 0; text-align: left; width: 100%; z-index: 900;}
div#header #headmenu ul li ul.sub-holder li a{color: #fefefe; padding: 5px; transition: none; -webkit-transition: none; -moz--webkit-transition: none; -o--webkit-transition: none;}
div#header #headmenu ul li ul.sub-holder li a:hover{background: #00448f; color: #fffe3c;}
div#header #headmenu ul li ul.sub-holder li:last-child {border: none;}
div#header #headmenu ul li.toplevel {width: auto;}
div#header #headmenu ul li.toplevel a{cursor: pointer;}
div#header #headmenu ul li.toplevel:hover {}
div#header #headmenu ul li.toplevel:hover a.has-sub{background: rgba(6,106,206,.2) url('./grfx/icons/headmenu-parentbg-selected.png') no-repeat 95% 50%;}
div#header #headmenu ul li.toplevel:hover ul.sub-holder{display: block;}
div#header #headmenu ul li.toplevel.apps {width: 119px;}
div#header #headmenu ul li.toplevel.tools {width: 73px;}
div#header #headmenu ul li:hover ol, div#header #headmenu ul li:hover ul {}
div#header #headmenu ul li:last-child, div#header #headmenu ul li.last {border: none;}
div#header #roof {background: #013c7b url('../../img/cidori/gradientgrid-top-2.png') repeat-x top; border-bottom: 1px solid #135baa; height: 136px; position: relative;}
div#header #roof .roofcorner{background: transparent; height: auto; min-height: 30px; min-width: 99px; overflow: visible; padding: 10px 0; position: absolute; right: 0; top: 10px; z-index: 2;}
div#header #roof .roofcorner .namesp{background: #1b4b79; border: solid rgb(6,89,177); border-radius: 3px 0 0 3px; border-width: 1px 0 1px 1px; color: #fffe3c /*#013772*/; float: right; font-size: 14px; height: 30px; line-height: 30px; overflow: visible; padding: 0 5px; width: auto; min-width: 100px;}
div#header #roof .roofcorner .namesp div, div#header #roof .roofcorner .namesp span {display: inline-block; *display: inline; zoom: 1; margin-top: -10px; vertical-align: middle;}
div#header #roof .roofcorner .namesp div.picspace{background: #ffffff url('../../img/cidori/picspace-bg-sm.png') center no-repeat; border-right: 4px solid #133e6e; height: 50px; overflow: hidden; width: 50px;}
div#header #roof .roofcorner .namesp div.picspace img{width: 100%; height: 100%;}
div#header #roof .roofcorner .utilmenu{float: right; padding: 4px 0 0 50px; position: relative; text-align: right;}
div#header #roof .roofcorner .utilmenu ul{border-left: 1px solid #c3d2e3}
div#header #roof .roofcorner .utilmenu ul li{}
div#header #roof .roofcorner .utilmenu ul li:first-child{}
div#header #roof .roofcorner .utilmenu ul li:last-child{}
div#header #roof .roofcorner .utilmenu ul li a{background: rgb(6,89,177); background: rgba(6,89,177,1); color: #fff; display: block; height: 23px; font-size: 12px; line-height: 23px; padding: 0 10px; vertical-align: middle;}
div#header #roof .roofcorner .utilmenu ul li a:hover{background: rgba(32,141,37,.63); background: #187d50\9;}
table {}
table thead{box-shadow: none;}
table th{ background: #8aa7c8; /* Old browsers */ background: -moz-linear-gradient(top, #8aa7c8 0%, #8aa5c3 50%, #8aa6c7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8aa7c8), color-stop(50%,#8aa5c3), color-stop(100%,#8aa6c7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #8aa7c8 0%,#8aa5c3 50%,#8aa6c7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #8aa7c8 0%,#8aa5c3 50%,#8aa6c7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #8aa7c8 0%,#8aa5c3 50%,#8aa6c7 100%); /* IE10+ */ background: linear-gradient(to bottom, #8aa7c8 0%,#8aa5c3 50%,#8aa6c7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa7c8', endColorstr='#8aa6c7',GradientType=0 ); /* IE6-9 */
border-color: #90abc8 !important; color: #fff; font-size: 1.2em; height: auto; line-height: 30px; text-align: center; text-shadow: 1px 1px 3px rgba(0,0,0,.2);}
table th a {display: block;}
table th:hover, table.list th:hover{color: #fff; cursor: default; text-shadow: none;}
table th:hover a, table.list th:hover a{background: #3e5976; border-radius: 10px; color: #fbf01f; cursor: pointer;}
table tbody{}
table tr{border: solid #aec5dd; border-width: 1px; transition: all .15s; -moz-transition: all .15s; -webkit-transition: all .15s; -o-transition: all .15s;}
table tr td {border: none; border-right: 1px solid /*#efefef*/; border-color: #aec5dd !important; vertical-align: middle;}
table tr td a {}
table tr td a div.bt{margin: 5px auto; max-width: 100px;}
table tr td div {}
table tr td div.hr_table-smallphoto {background: #fff; height: 40px; left: 5px; position: relative; width: 40px;}
table tr td div.hr_table-smallphoto img {height: 100%; width: 100%;}
table tr td div.submit {float: none;}
table tr td div.submit input {float: none; margin: 0 auto;}
table tr td:last-child{}
table tr td.left{text-align: left;}
table tr td.right{text-align: right;}
table tr.employee_list{vertical-align: middle;}
table tr.odd{background: #f6f6f6;}
table tr:last-child{border-bottom: 1px solid #90abc8;}
table tr:hover{background: #e1f9f0;}
table.list {box-shadow: none;}
table.list tr{}
table.list tr td{}
#hublogofoot{display: inline; position: relative; top: 2px;}
#notif {/**display: none;*/ left: 0px; position: absolute; top: 0; z-index: 2;}
#notif #notif-block {background: transparent; display: none; max-width: 380px; min-width: 300px; position: absolute; right: 1px;}
#notif #notif-block .n0b {background: transparent url('./grfx/notif/nob.png') no-repeat 98% 0; height: 8px; width: 100%; z-index: 2;}
#notif #notif-block .n0z {background: #f9f7f7; border-radius: 3px; box-shadow: #9f9f9f 0 0 3px 0; padding: 3px; z-index: 1;}
#notif #notif-block .n0z .notif-contain{background: #eee; padding: 0px 4px;}
#notif #notif-block .n0z .notif-contain #no-notif {display: none; margin: 4px auto 0;}
#notif #notif-block .n0z .notif-contain #no-notif.true {display: block;}
#notif #notif-block .n0z .notif-contain .noteline{background: #fefefe; border: 1px solid #f2f2f2; border-radius: 3px; box-shadow: 0px 0px 3px #cfcfcf; margin: 8px 0; min-height: 71px; text-align: left;}
#notif #notif-block .n0z .notif-contain .noteline .acts{font-size: .8em; padding: 2px 5px;text-align: right;}
#notif #notif-block .n0z .notif-contain .noteline .acts a{}
#notif #notif-block .n0z .notif-contain .noteline .acts a:hover{color: #157702; text-decoration: underline;}
#notif #notif-block .n0z .notif-contain .noteline .acts span{padding: 0 3px;}
#notif #notif-block .n0z .notif-contain .noteline .app{border-bottom: 1px dotted #eee; color: #ccc; font-size: 11px; font-style: italic; line-height: 1; padding: 8px 5px 3px; }
#notif #notif-block .n0z .notif-contain .noteline .app .dte{float: right;}
#notif #notif-block .n0z .notif-contain .noteline .note{padding: 0 5px 3px; }
#notif #notif-block .n0z .notif-contain .noteline:first-child{}
#notif #notif-block .n0z .notif-contain .noteline:hover{background: #eef6ff; border-color: #e6f0fb;}
#notif #notif-block .n0z .notif-contain .noteline:hover .app{color: #a88a00;}
#notif #notif-block .n0z .notif-contain .noteline:hover .note{color: #126d90;}
#notif #notif-block .n0z .notif-contain .noteline.error{background: #dd3636;}
#notif #notif-block .n0z .notif-contain .noteline.error .acts{}
#notif #notif-block .n0z .notif-contain .noteline.error .acts a{color: #ff0;}
#notif #notif-block .n0z .notif-contain .noteline.error .app{border-bottom-color: #ec6363; color: #ff0;}
#notif #notif-block .n0z .notif-contain .noteline.error .note{color: #fff;}
#notif #notif-block .n0z .notif-contain .noteline.clicknote {cursor: pointer;}
#notif #notif-block .n0z .notif-contain .noteline.success{background: #c9ff60;}
#notif #notif-block .n0z .notif-contain .noteline.success .app{border-bottom-color: #abed2c; color: #83b71e;}
#notif #notif-block .n0z .notif-contain .noteline.task{background: #97d4f4; cursor: pointer;}
#notif #notif-block .n0z .notif-contain .noteline.task .acts{}
#notif #notif-block .n0z .notif-contain .noteline.task .acts a{color: transparent;}
#notif #notif-block .n0z .notif-contain .noteline.task .app{border-bottom-color: #afe6f4; color: #fff;}
#notif #notif-block .n0z .notif-contain .noteline.task:hover{background: #59b5e5;}
#notif #notif-block .n0z .notif-contain .noteline.task:hover .acts{}
#notif #notif-block .n0z .notif-contain .noteline.task:hover .acts a{color: #fff;}
#notif #notif-block .n0z .notif-contain .noteline.task:hover .app{color: #ff0;}
#notif #notif-block .n0z .notif-contain .noteline.task:hover .note{color: #fff;}
#notif #notif-block .n0z .notif-contain .noteline.warning{background: #fcff00; }
#notif #notif-block .n0z .notif-contain .noteline.warning .app{border-bottom-color: #f1f406; color: #a88a00;}
#notif #notif-block .n0z .notif-footer{border-top: 1px solid #fff; height: 20px;}
#notif #notif-block .n0z .notif-header{border-bottom: 1px solid #fff;}
#notif #notif-block .n0z .notif-header h1{border-bottom: 1px dotted #f5f5f5; color: #888; font-size: 12px; padding-bottom: 2px; text-align: center; text-shadow: none;}
#notif #notif-count {background: transparent url('./grfx/notif/count-bg.png') no-repeat center; height: 35px; position: relative; width: 35px;}
#notif #notif-count #cn1m{background: #0654a6; border-radius: 50%; color: #053568; font-size: 11px; font-weight: bold; height: 21px; min-width: 18px; padding: 2px 6% 0px; position: absolute; right: -5px; text-align: center; top: -5px;}
#notif #notif-count.h0t {background-image: url('./grfx/notif/count-bg-hot.png'); cursor: pointer;}
#notif #notif-count.h0t #cn1m{background: #da3e3e; color: #fff;}
#notif #notif-count.h0t:hover, #notif #notif-count.h0t.active {background-image: url('./grfx/notif/count-bg-active.png');}
.bt {}
.bt, .bt_back, .bt_next, input[type='submit'], .ui-button {background: #4d90fe !important; border: none !important; border: 1px solid #a3ccf3 !important; border-radius: 5px !important; box-shadow: none; color: #fff; cursor: pointer; font-family: 'Sehoe UI', Calibri, Arial; font-size: 16px !important; font-weight: normal; height: auto; line-height: 28px; margin-top: 15px; min-height: 28px; padding: 0 20px; text-align: center; text-shadow: 1px 1px 3px rgba(0,0,0,.12); width: auto; transition: all .15s; -moz-transition: all .15s; -webkit-transition: all .15s; -o-transition: all .15s;}
.bt:hover, .bt_back:hover, .bt_next:hover, input[type='submit']:hover, .ui-button:hover {background: #fbf596 /*#8aa6c7*/ !important; border-color: #f3eb6f !important; color: #4097fd !important; text-shadow: none;}
.bt.btleft {background-image: url('./grfx/acc/bt-arrow-left.png'); background-position: 5% center; background-repeat: no-repeat;}
.bt.btright {background-image: url('./grfx/acc/bt-arrow-right.png'); background-position: 95% center; background-repeat: no-repeat;}
/* Special Table Buttons */
table .bt, table .bt[type='submit']{display: inline-block; *display: inline; zoom: 1; margin: 0 4px; margin-top: 6px !important; min-height: 0; vertical-align: middle;}
table .bt:hover {}
table .bt.add, table .bt.add_new {background: transparent url('./grfx/icons/add_bt.png') center no-repeat !important; border: none !important; border-radius: 0 !important; color: transparent !important; height: 18px; padding: 0 !important; text-shadow: none; width: 18px;}
table .bt.cancel, table .bt.cancel_new {background: transparent url('./grfx/icons/cancel_bt.png') center no-repeat !important; border: none !important; border-radius: 0 !important; color: transparent !important; height: 18px; padding: 0 !important; text-shadow: none; width: 18px;}
table .bt.edit, table .bt.edit_new {background: transparent url('./grfx/icons/edit_bt.png') center no-repeat !important; border: none !important; border-radius: 0 !important; color: transparent !important; height: 20px; padding: 0 !important; text-shadow: none; width: 19px;}
table .bt.delete, table .bt.delete_new, table .bt.remove, table .bt.remove_new {background: transparent url('./grfx/icons/delete_bt.png') center no-repeat !important; border: none !important; border-radius: 0 !important; color: transparent !important; height: 20px; padding: 0 !important; text-shadow: none; width: 16px;}
table .bt.save, table .bt.save_new{background: transparent url('./grfx/icons/save_bt.png') center no-repeat !important; border: none !important; border-radius: 0 !important; color: transparent !important; height: 16px !important; padding: 0 !important; text-shadow: none; width: 16px !important;}
.list {width: 100%;}
.list p{height: auto;}
.list tfoot{}
.list tfoot a{}
.list tfoot a:hover{border-color: #fde01e; color: #f3d900;}
.list .current {background: #f3d900; border-color: #fde01e;}
/* ::Media & Animation
************/
@keyframes pulsate { 0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(0.9);} 100%{ -webkit-transform: scale(1); }}
@-webkit-keyframes pulsate { 0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(0.9);} 100%{ -webkit-transform: scale(1); }}
@keyframes spin { 0%{ transform: rotate(0deg); opacity: 0.2; } 50%{ transform: rotate(180deg); opacity: 1.0; } 100%{ transform: rotate(360deg); opacity: 0.2; }}
@-webkit-@keyframes spin{ 0% { -webkit-transform: rotate(0deg); opacity: 0.2; } 50%{ -webkit-transform: rotate(180deg); opacity: 1.0; } 100%{ -webkit-transform: rotate(360deg); opacity: 0.2; }}
@media screen and (max-width:1580px) {
div#cente #centinside .focus .cdisp .cshow {background: transparent;}
div#cente #centinside .focus .cdisp .cshow .slider-wrapper{height: auto;}
}
@media screen and (max-width:1121px) {
div#cente #sidbar > .inside .picanvas .picspace img {height: auto; width: 100%; margin: 15% auto;}
div#cente.dash #centinside.dash {max-width: 84%;}
}
@media screen and (max-width:1000px) {
div#cente #centinside {max-width: 85%;}
}
@media screen and (max-width:950px) {
/*div#cente #centinside .focus .cdisp {height: 250px;}*/
}
/* :jCarousel - (cidoritango)
************/
.jcarousel-skin-cidoritango .jcarousel-container-horizontal {width: auto; padding: 0;}
.jcarousel-skin-cidoritango .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-cidoritango .jcarousel-clip-horizontal {width: auto; height: 110px; }
.jcarousel-skin-cidoritango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}
.jcarousel-skin-cidoritango .jcarousel-item-placeholder { background: #fff; color: #000;}
/* ::Buttons
************/
.jcarousel-skin-cidoritango .jcarousel-next-horizontal { background: rgba(255,255,255,.8) url('grfx/cidoritango/right-pointer.png') no-repeat center; background: #fff url('grfx/cidoritango/right-pointer.png') no-repeat center\9; cursor: pointer; height: 110px; position: absolute; right: 0; width: 32px; top: 0; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
.jcarousel-skin-cidoritango .jcarousel-next-horizontal:active {}
.jcarousel-skin-cidoritango .jcarousel-next-horizontal:hover, .jcarousel-skin-cidoritango .jcarousel-next-horizontal:focus {background-color: #bbd9ff;}
.jcarousel-skin-cidoritango .jcarousel-next-disabled-horizontal, .jcarousel-skin-cidoritango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-cidoritango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-cidoritango .jcarousel-next-disabled-horizontal:active {background: transparent; cursor: default;}
.jcarousel-skin-cidoritango .jcarousel-prev-horizontal { background: rgba(255,255,255,.8) url('grfx/cidoritango/left-pointer.png') no-repeat center; background: #fff url('grfx/cidoritango/left-pointer.png') no-repeat center\9; cursor: pointer; height: 110px; left: 0; position: absolute; top: 0; width: 32px; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s;}
.jcarousel-skin-cidoritango .jcarousel-prev-horizontal:hover, .jcarousel-skin-cidoritango .jcarousel-prev-horizontal:focus {background-color: #bbd9ff;}
.jcarousel-skin-cidoritango .jcarousel-prev-horizontal:active {}
.jcarousel-skin-cidoritango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-cidoritango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-cidoritango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-cidoritango .jcarousel-prev-disabled-horizontal:active {background: transparent; cursor: default;}
/* :Login
************/
html.login {height: 100%;}
body#login {background: #f7f7f7 url('./grfx/patt/cream_pix.png') !important; height: 100%; margin: 0; min-width: 0;}
body#login .message {}
body#login .message h3{color: #fff;}
body#login div#cente {background: transparent url('../../img/cidori/login-bg/HR-Wall-Mural-Final.jpg') center top no-repeat; *background-repeat: repeat-x; background-size: 100%; border: none; margin: 0; height: 71%; min-width: 0; min-height: 355px; padding: 3% 0; position: relative; width: auto;}
body#login div#cente * { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
body#login div#cente .focus{background: #4671a0\9; background: rgba(59,119,180,.84); border: 5px solid rgba(255,255,255,.8); border: 5px solid #e4eff8\9; border-radius: 15px; max-height: 85%; margin: 3% auto 1%; padding: 1%; position: relative; text-align: center; width: 500px;}
body#login div#cente .focus div.input, body#login div#cente .focus div.submit {display: block; float: none; width: auto; margin: 0; padding: 0;}
body#login div#cente .focus div.input {margin: 1% 0;}
body#login div#cente .focus div.input label {color: #ffffff; display: block; font-family:'Segoe UI', Calibri, Arial; font-size: 17px; padding-left: 3%; text-align: left;}
body#login div#cente .focus div.input input {background: #eeeeee; border: 1px solid #1e6abe; color: #334456; font-family: Calibri, Arial; font-size: 22px; font-style: normal; line-height: 1; padding: 7px 14px; text-align: center; width: 88%;}
body#login div#cente .focus div.input input:focus {background: #00356e; color: #ffffff;}
body#login div#cente .focus div.input input:hover {background: #9ac3e9; color: #ffffff;}
body#login div#cente .focus div.submit {margin-top: 4%; max-height: 22%;}
body#login div#cente .focus div.submit input[type='submit']{background: #08478d url('../../img/cidori/login-btn-bg.png') repeat-x center !important; border: none; border: 2px solid rgba(255,255,255,.3) !important; border: 1px solid #789fc9\9 !important; border-radius: 10px; box-shadow: 0 0 5px 0 rgba(0.0.0,1) !important; color: #fff !important; cursor: pointer; display: block; font-family: 'Sehoe UI', Calibri, Arial; font-size: 18px; font-weight: normal; height: 80%; line-height: 34px; margin: 0 auto; padding: 0; width: 80px;}
body#login div#cente .focus div.submit input[type='submit']:hover{border: 2px solid rgba(255,255,255,.5) !important; color: #fdf020 !important;}
body#login div#cente .focus form {background: transparent; box-shadow: none; height: 50%;}
body#login div#cente .focus form > div{max-height: 33%;}
body#login div#cente .focus form div{}
body#login div#cente .focus form div input{max-height: 30%;}
body#login div#cente .focus form div label{max-height: 40%;}
body#login div#cente .focus form .required{}
body#login div#cente .focus form .required label{}
body#login div#cente .focus form .required label:after{color: transparent;}
body#login div#cente .focus img.login-lock {display: block; margin: 1% auto 0;}
body#login div#cente .focus .logocase{background: #023973 url('../../img/cidori/lcasebg.png') top repeat-x; border: 2px solid rgba(255,255,255,.3); border: 2px solid #e4eff8\9; border-radius: 10px; height: auto; margin: -10% auto 0; position: relative; text-align: center; width: 200px;}
body#login div#cente .focus .logocase img{position: relative; height: auto; margin: 6% auto; max-width: 75%; position: relative;}
body#login div#cente .focus:hover{background: rgba(44,86,128,.84);}
body#login div#footer {height: auto; min-height: auto; position: relative;}
body#login div#footer #floor {background: transparent; min-height: 20px; padding-bottom: 10px;}
body#login div#footer #floor .endnotes{color: #323232; padding-top: 0;}
body#login div#footer #floor .enlimit{}
body#login div#footer #floor .floormenu{background: #fdfeff; color: #284f79;}
body#login div#footer #floor .floormenu{background: #fdfeff; color: #284f79;}
body#login div#footer #floor .floormenu ul{padding: 0;}
body#login div#footer #floor .floormenu ul li{border-color: #fefefe;}
body#login div#footer #floor .floormenu ul li a{color: #284f79; text-shadow: none;}
body#login div#footer #floor .subfloormenu{background: rgba(255,255,255,.5); background: #f7f7f7\9; margin: -20px 0 5px;}
body#login div#footer #floor .subfloormenu ul{margin-top: -20px;}
body#login div#footer #floor .subfloormenu ul li{}
body#login div#footer #floor .subfloormenu ul li a{color: #023061;}
body#login div#footer #floor .subfloormenu ul li a:hover{color: #4e81b4;}
body#login div#header {background: transparent url('../../img/cidori/gradientgrid-top-login.png') top repeat; height: 0; max-height: 75px; min-height: 0px; min-width: 0;}
/* :Calendar
************/
div#calendar {box-shadow: 0 0 3px 0 rgba(0,0,0,.1); margin: 10px 10px 0; position: relative; width: auto;}
div#calendar .fc-header{}
div#calendar .fc-header tr{background: #8aa6c6; border-color: #829fbf !important;}
div#calendar .fc-header tr td{border-color: #829fbf;}
div#calendar .fc-header tr td h2{border-bottom: none; color: #fff; font-weight: bold;}
div#calendar .fc-header tr td .fc-button{background: transparent; border-color: transparent; border-radius: 0; position: relative; top: 8px;}
div#calendar .fc-header tr td .fc-button:hover{background: #eeeeee; border-color: #51aee3; border-radius: 5px; }
div#calendar .fc-header tr:hover{background: #8aa6c6;}
div#calendar .fc-content{background: #efefef;}
div#calendar .fc-content tr {}
div#calendar .fc-content tr td{background: #fff; border: solid #eee; border-width: 0 1px 1px 0; vertical-align: top;}
div#calendar .fc-content tr td > div{background: transparent;}
div#calendar .fc-content tr td > div .fc-day-content{background: transparent;}
div#calendar .fc-content tr td > div .fc-day-content > div{background: transparent;}
div#calendar .fc-content tr td:hover{background: #faffe9;}
div#calendar .fc-content tr td:last-child{border: solid #dedede; border-width: 0 0 1px 0;}
div#calendar .fc-content tr th {color: #fff; font-size: 16px; font-weight: normal; text-shadow: none;}
div#calendar .fc-content .fc-event {border: 1px solid #e2ebfe; border-radius: 0;}
div#calendar .fc-content .fc-event .fc-event-inner{background: #edf3ff; color: #000;}
div#calendar .fc-content .fc-event .fc-event-inner:hover{background: #f9e076; border-color: #ae0000;}
div#calendar .fc-content .fc-event .fc-event-inner .fc-event-title{display: block; padding: 0 3px; white-space: normal;}
/* :flashNotices
************/
#flashNotices {left: 20%; position: fixed; text-align: center; top: 33px; width: 60%; z-index: 1000;}
#flashNotices br {display: block;}
#flashNotices > div {border-radius: 3px; color: #fff; clear: both; cursor: pointer; font-family: Calibri, 'Segoe UI', Arial, Helvetica; font-weight: bold; font-size: 15px; margin: 0 0 1em 0; padding: 5px; }
#flashNotices > div:hover {border: 1px solid #fff1a8;}
#flashNotices .error, #flashNotices .system { background: #bb2a2c; /* Old browsers */ background: -moz-linear-gradient(top, #bb2a2c 0%, #ab1719 49%, #950f0f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb2a2c), color-stop(49%,#ab1719), color-stop(100%,#950f0f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bb2a2c 0%,#ab1719 49%,#950f0f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bb2a2c 0%,#ab1719 49%,#950f0f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bb2a2c 0%,#ab1719 49%,#950f0f 100%); /* IE10+ */ background: linear-gradient(to bottom, #bb2a2c 0%,#ab1719 49%,#950f0f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb2a2c', endColorstr='#950f0f',GradientType=0 ); /* IE6-9 */
color: #fff; border: 1px solid #9c1212;
}
#flashNotices .error:hover, #flashNotices .system:hover{border-color: #c4181a;}
#flashNotices .notice { background: #dde7ed; /* Old browsers */ background: -moz-linear-gradient(top, #dde7ed 0%, #d6e2e9 50%, #c8d8e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dde7ed), color-stop(50%,#d6e2e9), color-stop(100%,#c8d8e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dde7ed 0%,#d6e2e9 50%,#c8d8e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dde7ed 0%,#d6e2e9 50%,#c8d8e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dde7ed 0%,#d6e2e9 50%,#c8d8e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #dde7ed 0%,#d6e2e9 50%,#c8d8e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde7ed', endColorstr='#c8d8e1',GradientType=0 ); /* IE6-9 */
color: #023e82; border: 1px solid #dde7ed;
}
#flashNotices .notice:hover {border-color: #c8e1ee;}
#flashNotices .success { background: #0ec224; /* Old browsers */ background: -moz-linear-gradient(top, #0ec224 0%, #07b212 50%, #05a10c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0ec224), color-stop(50%,#07b212), color-stop(100%,#05a10c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0ec224 0%,#07b212 50%,#05a10c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0ec224 0%,#07b212 50%,#05a10c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0ec224 0%,#07b212 50%,#05a10c 100%); /* IE10+ */ background: linear-gradient(to bottom, #0ec224 0%,#07b212 50%,#05a10c 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ec224', endColorstr='#05a10c',GradientType=0 ); /* IE6-9 */
color: #fff; border: 1px solid #30be37;
}
#flashNotices .success:hover {border-color: #28e335;}
#flashNotices .system {background: #111; font-weight: normal; padding: 0 1%; text-align: left;}
#flashNotices .system h1{background: transparent; border-bottom: 1px dotted #333; color: #ff0000; font-weight: bold; font-size: 14px;}
#flashNotices .system .highlight{background: #222; color: #22ff33;}
#flashNotices .warning { background: #ffff3d; /* Old browsers */ background: -moz-linear-gradient(top, #ffff3d 0%, #feef1e 51%, #fde202 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff3d), color-stop(51%,#feef1e), color-stop(100%,#fde202)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff3d', endColorstr='#fde202',GradientType=0 ); /* IE6-9 */
color: #023e82; border: 1px solid #fff1a8;
}
/* :Cake
************/
.cake-debug-output{background: #efefdf; border-bottom: 1px solid #ae0000; text-align: left;}
.cake-debug-output > span{border-bottom: 1px dotted #000;}
.cake-debug-output br{display: block;}
.cake-debug-output .cake-debug{border-left: 1px dotted #000; color: #032afe; font-weight: bold; padding-left: 10px;}
.cake-debug-output ::selection{background: #fefefe; color: #ff0000;}
.cake-stack-trace {}
.cake-stack-trace a{color: #333; font-size: .82em;}
.cake-stack-trace a:hover{color: #ff0468; font-size: .9em;}
/* ::flashMessage Notices and Errors
************/
#flashMessage {border-radius: 3px; cursor: pointer; left: 20%; position: fixed; text-align: center; top: 33px; width: 60%; z-index: 1000;}
#flashMessage.message { clear: both; color: #fff; font-weight: bold; font-size: 14px; margin: 0 0 1em 0; padding: 5px; }
#flashMessage.message, .cake-error {
background: #ffff3d; /* Old browsers */ background: -moz-linear-gradient(top, #ffff3d 0%, #feef1e 51%, #fde202 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff3d), color-stop(51%,#feef1e), color-stop(100%,#fde202)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffff3d 0%,#feef1e 51%,#fde202 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff3d', endColorstr='#fde202',GradientType=0 ); /* IE6-9 */
background-repeat: repeat-x; clear: both; color: #023e82; border: 1px solid #fff1a8;
}
#flashMessage.success {
background: #3B8230; background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230)); background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230); background-image: -moz-linear-gradient(top, #76BF6B, #3B8230); background-image: -ms-linear-gradient(top, #76BF6B, #3B8230); background-image: -o-linear-gradient(top, #76BF6B, #3B8230); background-image: linear-gradient(top, #76BF6B, #3B8230);
background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #023e82; border: 1px solid rgba(0, 0, 0, 0.5)
}
/* :Addons
************/
/* ::datepicker
************/
.ui-datepicker {border-radius: 0;}
/* ::timepicker
************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/* ::Colorbox
************/
#cboxOverlay {background: #000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4 !important;}
#colorbox {}
#colorbox #cboxWrapper{}
#colorbox #cboxWrapper #cboxContent{}
#colorbox #cboxWrapper #cboxContent #cboxClose{background: url('./grfx/colorbox/cb-close.png') center no-repeat; color: transparent; height: 23px; width: 23px;}
#colorbox #cboxWrapper #cboxContent #cboxClose:hover{background: url('./grfx/colorbox/cb-close-h.png');}
#colorbox #cboxWrapper #cboxContent form{box-shadow: none;}
#colorbox #cboxWrapper #cboxContent h1{margin-bottom: 10px;}
#colorbox #cboxWrapper #cboxContent table{}
#colorbox #cboxWrapper #cboxContent table tr{}
#colorbox #cboxWrapper #cboxContent table tr:hover{background: transparent;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment