Created
November 8, 2013 02:15
-
-
Save reliq/7365223 to your computer and use it in GitHub Desktop.
Cidori.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * 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