/* Base */
body { background:url(/images/base/container_bg.jpg) no-repeat center center fixed #043d63; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/container_bg.jpg',sizingMethod='scale'); margin: 0 auto; overflow-x: hidden; }
form { font-family:  Arial, Verdana, Lucida Sans Unicode; font-size: 0.8em; color: #fff; margin:0 auto; margin-top:0px; margin-bottom:0px; width:1000px; line-height:1.4em; padding:0px; }
h1 { font-family: Trebuchet MS, Arial; font-size: 1.7em; color: #fff; font-weight: bold; margin-top:0px; margin-bottom:16px; margin-top:10px; line-height:1.4em; text-align:center;  }
h2 { font-family: Trebuchet MS, Arial; font-size: 1.7em; color: #fff; font-weight: bold; margin-top:0px; margin-bottom:16px; line-height:1.4em; }
img { border: 0; }
a:link, a:active, a:visited { text-decoration:underline; border:none; color: #2f4f4f;}
a:hover, a:active:hover, a:visited:hover { color: #5a9696; text-decoration:underline; border:none }
.Popup { width:400px; margin-left:auto; margin-right:auto; }

/* Text box */
.freetextbox table { padding:0; margin:0; border-collapse: collapse; }
.freetextbox tr { padding: 0; margin: 0; }
.freetextbox td { border-collapse: collapse; }

/* Header */
#header { width: 100%; margin-left:-50%; position: absolute; top:0px; z-index:100; left:50%; color: #fff; height:48px; background: url(/images/base/header_bg.png) repeat-x; }
#header .logo { float: left; margin-right:10px; margin-top:-5px; }
#header .dna { float: left; font-family: Trebuchet MS, Arial; color: #fff; padding-top:13px; font-size:1.4em; font-weight:bold; letter-spacing:0.04em; }
#header .help { float: right; margin-right:5px; margin-top:3px; }
#header .loggedin { color: #fff; float: right; padding-top:0px; height: 38px; padding-right:50px; margin-top:2px; }
#header .loggedin:hover { cursor: pointer; }
#header .loggedinname { float: left; margin-right:10px; margin-top:-5px; color: #fff; text-align: left; background: url(/images/base/loggedin.png) no-repeat; width:120px; padding-left:41px; height: 34px; padding-top:3px; padding-bottom:3px; margin-top:1px; }
#header .loggedinfirstname { margin-bottom:0px; font-size:1.1em; font-weight: bold; margin-top:2px; }
#header .loggedinsurname { font-size:1.0em; margin-top:-2px; }
#header .settingsmenu { float: right; margin-right:61px; margin-top:0px; }
#header .settingsmenu ul {margin:0; padding:0; list-style-type: none; }
#header .settingsmenu li { display: block; padding:0; }
#header .settingsmenu li:hover { display: block; }
#header .settingsmenu li a { width: 139px; display:block; color: #000; background: #fff; font-weight: normal; font-size:1.0em; padding: 5px 10px; border: solid 1px #000; border-top:0; text-decoration: none; }
#header .settingsmenu li a:hover { text-decoration: none; background: #ddd; }

/* Pop ups */
.dialog { display:none; font-size:0.7em; font-family:Arial; }

/* Footer */
#footer { width: 1000px; left: 50%; position: fixed; bottom:0; margin-left:-1000px; padding: 6px 500px; background: #c4281c; color: #fff; }

/* Login */
.black {  position: fixed; width:100%; height:100%; z-index:100; top:0; left:0; background: #000; }
#login { position: absolute; left: 50%; margin-left: -200px; top:50%; margin-top:-230px;  font-size:1.2em; }
#login .title { width: 280px; height: 32px; background: url(/images/base/logintitle.png); text-transform:uppercase; font-size:1.2em; padding: 14px 0px 0px 120px; color: #fff; }
#login .main { width: 400px; height:340px; background: url(/images/base/loginmain.png); }
#login .subtitle { position:absolute; top:100px; width:100%; text-align:center; color: #fff; font-size:1.2em; text-shadow: 2px 2px #444; letter-spacing:0.02em; }
#login .username { padding-top:122px; margin-left:54px; }
#login .username .input { border: 0; color: #888; font-weight: normal; }
#login .input:focus { outline-width: 0; }
#login .password { padding-top:16px; margin-left:54px; }
#login .password .input { border: 0; color: #888; font-weight: normal;  }
#login .button { padding-top:20px; margin-left:48px; }
#login .button .input { border: 0; background: #34cc67; padding: 10px; width: 304px; color: #fff; text-transform:uppercase; font-size: 1.2em; font-weight:normal; }
#login .button .input:hover { cursor: pointer; background: #38d86d; }
#login .warning { top:-6px; position: relative; width:300px; background: #c4281c; padding: 4px 50px; height:18px; color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
#login .remember { position: absolute; bottom: 86px; margin-left :48px;   }
#login .remember:hover { cursor: pointer; }
#login .remembertext { float:left; padding-left:10px; color: #fff; font-size:1.0em; top:5px; position: relative;  }
#login .remembertext:hover { cursor: pointer; }
#login .forgottenpassword { background: #08558b; color: #fff; padding: 10px 0px; width:400px; height:18px; text-align: center; }
#login .forgottenpassword:hover { color: #f7ff68; cursor: pointer; }

/* Breadcrumb */
.trail { width: 98%; padding: 1%; border: solid 1px #acadcc; margin-bottom:10px; margin-left:0px; font-family: Trebuchet MS, Arial; }
.trail .item { float: left; margin-right:10px; font-size:1.2em; color: #2598cf; font-weight:bold; }
.trail .item a { color: #a4b7d5; text-decoration:none; }
.trail .item a:hover { color: #2598cf; text-decoration:none; }

/* Home Page */
.home { font-family: Arial; font-size:1.4em; line-height:1.3em; color: #fff; position: absolute; top:100px; left:50%; margin-left:-38%; width:76%; }
.home .homeicons { margin-bottom:50px; }
.home .logo { float:left; width:100px; margin-top:12px; margin-left:122px; }
.home .strapline { float: left; font-size: 1.3em; font-weight:bold; margin-top:46px; margin-right:23px; padding-bottom:10px; font-weight:normal; font-family: Trebuchet MS, Arial; }
.home .homeicon img { width:100% }
.home .homeimage img { width:100% }
.home .homeicon img:hover { cursor: pointer; margin-left:-2px; margin-top:-2px; border-right: solid 2px #000; border-bottom:solid 2px #000; position: relative; z-index:100; }
.home .help { position: absolute; left: 50%; margin-left: -120px; width: 240px; }
.home .help .icon { float: left; margin-right:10px; }
.home .help .label { float: left; font-size: 0.8em; width: 160px; }
.home a:link, .home a:active, .home a:visited { color: #fff; text-decoration: none; }
.home a:link:hover, .home a:active:hover, .home a:visited:hover { color: #fffc7a; text-decoration:none; }

/* My Profile */
.myprofile .main { width: 960px; padding:20px; height:550px; background: #fff; }
.myprofile .personaldetails { float:left; width: 360px; height:244px; padding-top:0px; padding-left:110px; margin-right:20px; background: url(/images/base/personaldetails.png); color: #222; }
.myprofile .locationdetails { float:left; width: 360px; height:244px; padding-top:0px; padding-left:110px; background: url(/images/base/location.png); color: #222; }
.myprofile .edit { margin-left:308px; height:52px; margin-bottom:18px; }
.myprofile .edit:hover { cursor: pointer; }
.myprofile h2 { color: #000; font-size: 1.4em; margin-bottom:10px; }
.myprofile .jobtitle { margin-bottom:8px; }
.myprofile .line { margin-bottom:3px; }
.myprofile .timezone { margin-top:15px; }
.myprofile .password { margin-top:36px; margin-left:300px; }
.myprofile .password .input { color: #aaa; height:16px; padding: 12px; border: solid 1px #dedede; font-size:1.2em; font-weight:normal; margin-top:-4px; width:336px; }
.myprofile .password .button { margin-top: 10px; }
.myprofile .warning { color: #aa0000; font-weight:bold; }
.updatedetails { position: fixed; top:0; left:0; background: url(/images/base/progress.png); width:100%; height:100%; overflow: hidden; z-index:200; }
.updatedetails .screen { width: 460px; height: 450px; padding: 0px 20px; background: url(/images/base/updatedetailsbg.png) repeat-x; position: absolute; left:50%; top:50%; margin-left:-250px; margin-top:-225px; }
.updatedetails .screen h2 { margin-top:10px; text-transform:uppercase; color: #fff; font-size: 1.3em; font-weight:normal; font-family: Arial; letter-spacing:-0.05em; text-align:center; }
.updatedetails .screen .close { position: relative; top: -42px; left: 440px; }
.updatedetails .screen .close:hover { cursor: pointer; }
.updatedetails .screen .title { float: left; width: 100px; margin-right:10px; text-align: right; padding-top:6px; margin-bottom:0px; color: #000; }
.updatedetails .screen .value { float: left; margin-bottom:0px; }
.updatedetails .screen .value2 { float: left; padding-top:6px; color: #000; font-weight:bold; }
.updatedetails .screen .input { color: #888; height:16px; padding: 10px; border: solid 1px #dedede; font-size:1.2em; font-weight:normal; margin-top:-4px; width:260px; }
.updatedetails .screen .input3 { color: #888; padding: 8px 5px; border: solid 1px #dedede; font-size:1.2em; font-weight:normal; margin-top:0px; width:260px; }
.updatedetails .screen .input:focus { outline-width: 0; }
.updatedetails .screen .input2 { border: 0; background: #34cc67; padding: 10px; width: 280px; color: #fff; text-transform:uppercase; font-size: 1.2em; font-weight:normal; margin-top:20px; margin-left:110px; }
.updatedetails .screen .input2:hover { cursor: pointer; background: #38d86d; }
.helpicon:hover { cursor: pointer; }

/* Competency List */
.competencylist { float: left; }
.competencylist .header { background: #f78350; color: #fff; padding: 10px; width:200px; margin-right:10px; }
.competencylist .title { float: left; font-size:1.2em; }
.competencylist .itemsfound { float: right; }
.competencylist .item { padding: 5px; }
.competencylist .icons { border: solid 1px #aaa; border-top:0; padding: 4px; width:210px; margin-top:-2px; }
.competencylist .icon { float: left; margin-right:4px; }
.competencylist .input { padding: 3px 0px; font-weight:normal; color: #666; }
.competencylist .find { padding: 5px 5px; width: 210px; background: #efefef; }
.competencylist .input2 { font-family: Arial, Verdana; font-size:1.0em; color: #fff; text-align:center; font-weight:bold; padding: 5px 8px; background: #1e5db5; border: 0; }
.competencylist .input2:hover { cursor: pointer; background: #194f96; }
.competencylist .input2:disabled { background: #dedede; color: #fff; }
.competencylist .input2:disabled:hover { cursor: default; }

/* Menu */
#menu { border:0; padding:0; margin-top:10px; width:60%; z-index:20; position: relative; left:50%; margin-left:-30%; top:60px;  }
#menu img { width:100%; }

#main { top:0px; padding-top: 0px; padding: 0px; width:1000px; min-height:580px; margin-bottom:45px; }

/* Progress Indicator */
.progressindicator { position: fixed; width:100%; height:100%; z-index:100; top:0; left:0; background: url(/images/base/progress.png); }
.progressindicator .message { border: solid 2px #ccc; background: #000; padding:20px 10px; color: #fff; font-size:1.3em; font-weight:normal; font-family:Arial; width: 400px; position: fixed; top: 50%; left:50%; margin-left:-200px; margin-top:-20px; }
.percentageprogress { margin-top:20px; width:500px; margin-left:0px; }
.percentageprogress .background { height:20px; width:200px; float: left; margin-right:0px; background: #efefef; margin-left:10px;}
.percentageprogress .foreground { background: #1e5db5; height:20px; width:0px; float:left; margin-left:-200px; }
.percentageprogress .indicator { float: left; width:250px;  color: #444; margin-top:-18px; font-weight:bold; margin-left:220px; }

/* Text */
.projecttitle { color: #2177b0; }
.text { font-family: Arial, Verdana; font-size: 1.0em; font-weight:normal; color: #fff; padding:0; text-align:justify; margin-top:0;}
.text a { text-decoration:underline; border:none; color: #dbf7ff;}
.text a:hover { color: #feff1b; text-decoration:underline; border:none }
.highlight { color: #feff1b; font-weight:bold; }

/* Inputs */
.input { font-family: Arial, Verdana; font-size:1.0em; font-weight:bold; color: #000; margin-bottom:3px; margin-top:3px; }
.input2 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: url(/images/base/button.png) repeat-x; border: 0; }
.input2:hover { cursor: pointer; background: url(/images/base/button_hover.png) repeat-x; }
.input2:disabled { background: url(/images/base/button_disabled.png) repeat-x; color: #fff; }
.input2:disabled:hover { cursor: default; }
.input3 { font-family: Arial, Verdana; font-size:1.0em; color: #000; text-align:center; font-weight:bold;  }
.input3:hover { cursor: pointer; }
.input3:disabled { color: #999; }
.input3:disabled:hover { cursor:default; }
.input4 { font-family: Arial, Verdana; font-size:1.0em; color: #fff; text-align:center; font-weight:bold; padding: 5px 0px; }
.input4:disabled { background: #444; }
.input5 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #1e5db5; border: 0; }
.input5:hover { cursor: pointer; background: #2e6bc1; }
.input5:disabled { background: #dedede; color: #fff; }
.input5:disabled:hover { cursor: default; }
.input6 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 3px 10px; background: #1e5db5; border: 0; }
.input6:hover { cursor: pointer; background: #2e6bc1; }
.input6:disabled { background: #efefef; color: #cdcdcd; }
.input6:disabled:hover { cursor: default; }

/* Reports */
.reportlistbox { float: left; margin-right:10px; }
.reportlistheading { font-weight:bold; margin-bottom:0px; padding:5px; background: #58bae9; color: #fff; width:190px; text-align:left;  }
.reportclearbutton { margin-top:3px; }

/* Auto complete */
.autocomplete {  visibility: hidden; margin-left: 0px; margin-top:2px; background-color: #fff; color: #222; border: solid 1px #888; cursor:pointer; text-align: left; list-style-type: none; font-family: Arial; font-size: 12px; font-weight:bold; padding: 0; width:300px; } 
.autocompletelistitem { background-color: #fff; padding : 3px; }      
.autocompletehighlight { background-color: #96d0f2; padding: 3px; }

/* Tabs */
.button { margin-bottom:20px; }
.projecttabs { height:60px; }
.projecttabs .tab { float: left; margin-left:0px; margin-bottom:3px; margin-right:1px;  }
.projecttabs .tab .input { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:normal; text-transform:uppercase; padding: 10px 0px 12px 0px; background: url(/images/base/projecttab.png) repeat-x; margin:0; border:0;  }
.projecttabs .tab .input:hover {  background: url(/images/base/projecttab.png) repeat-x; }
.projecttabs .tab .input2 { font-family: Arial, Verdana; font-size:1.2em; color: #222; text-align:center; font-weight:normal; text-transform:uppercase; padding: 10px 0px 12px 0px; background: url(/images/base/projecttab_unselected.png) repeat-x;; margin:0; border:0; }
.projecttabs .tab .input2:hover { cursor: pointer;  background: url(/images/base/projecttab.png) repeat-x; color: #fff; }
.projecttabs .tab .input2:disabled { background:  url(/images/base/projecttab_disabled.png) repeat-x;; color: #ccc; }
.projecttabs .tab .input2:disabled:hover { cursor: default; }
.projectsidebar { margin-bottom:0px; }
.projectsidebar .tab { float: left; width:212px; margin:0px;  }
.projectsidebar .tab .input { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:left; font-weight:bold; padding: 12px 10px; width:208px; background: url(/images/base/tab_selected.png); margin: 0; border:0; border-bottom: solid 1px #fff;  }
.projectsidebar .tab .input:hover { cursor: default; }
.projectsidebar .tab .input2 { font-family: Arial, Verdana; font-size:1.2em; color: #222; width:200px; text-align:left; font-weight:normal; padding: 12px 10px; background: url(/images/base/tab_unselected.png); border: 0;margin: 0; border-bottom: solid 1px #fff;  }
.projectsidebar .tab .input2:hover { cursor: pointer; background: url(/images/base/tab_selected.png); color: #fff; }
.projectsidebar .tab .input2:disabled { background: url(/images/base/tab_unselected.png); color: #cdcdcd; }
.projectsidebar .tab .input2:disabled:hover { cursor: default; }
.projectsidebar .statusindicator { margin-top:-34px; margin-left:168px; width:24px; height:24px; margin-bottom:10px; }
.exportsettings { margin-top:5px; margin-bottom:10px; margin-left:10px; }

/* Panel */
.panel { width:88%; position: absolute; min-width:900px; left:50%; margin-left:-45%; background: #fff; color: #222; padding: 1%; margin-bottom:60px; }
.panel .side { float:left;width:194px; margin-top:0px; }
.panel .central { float:left; width: calc(100% - 210px); -webkit-calc(100% - 210px); margin-top:16px; }
.panel .table { margin-bottom:30px; }
.panel .welcometext { width:600px; height:80px; overflow:auto; background: #efefef; border: solid 1px #aaa; padding:10px; margin-bottom:20px; }
.panel .filters {  margin-top:10px; }
.panel .filter { float: left; margin-right:10px; border: solid 1px #d1d1d1; margin-bottom:10px; margin-left:0px; padding:0px; }
.panel .filter2 { float: left; margin-right:10px; padding-top:5px; }
.panel .filtertitle { background: #58bae9; padding: 8px 10px; color: #fff; font-weight:bold; }
.panel .filtervalue { margin-left:0px; margin-top:-2px; width:180px;}
.panel .filtervalue .input { border: 0; padding: 4px 5px; color: #888; width:180px; }
.panel .filtervalue .input:focus { outline-width: 0; }
.panel .filteroptions { float: left; margin-bottom:8px; }
.panel .progress { font-weight: bold; color: #444; margin-top:0px; margin-left:10px; }
.panel .progress .background { float: left; height:16px; width: 200px; background: #efefef; }
.panel .progress .progress { float: left; height:16px; margin-left:-200px; background: #69b0e0; width:0px; margin-top:10px; }
.panel .subcompetency { font-weight:bold; font-size: 1.3em; color: #bbb; margin-top:20px; margin-left:10px; }
.panel .assistance { float: right; padding-right:10px; }
.panel .question { margin-top:20px; font-size:1.2em; font-weight:bold; color: #2177b0; margin-left:10px; }
.panel .answers { }
.panel .answers table { border-collapse: collapse; margin-top:15px; margin-left:-2px; border-top: solid 1px #dedede; width:100%; }
.panel .answers table td { padding: 5px 20px 5px 20px; background: #efefef; border-bottom: solid 1px #dedede; border-collapse: collapse; width:100%; margin-top:4px; font-size:1.0em; }
.panel .answers table td.light { background: #f4f4f4; }
.panel .answers table td:hover { background: #e1e1e1; cursor: pointer; }
.panel .answers span { display: block; width: calc(100% - 40px); margin-left:30px; margin-top:-18px; padding-top :0px; line-height:1.5em; text-align:left; }
.panel .answers span:hover { cursor: pointer; }
.panel .input5 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #49a063; border: 0; }
.panel .input5:hover { cursor: pointer; background: #55bc75; }
.panel .input5:disabled { background: #dedede; color: #fff; }
.panel .input5:disabled:hover { cursor: default; }
.panel .input6 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #db8b30; border: 0; }
.panel .input6:hover { cursor: pointer; background: #ea9233; }
.panel .input6:disabled { background: #dedede; color: #fff; }
.panel .input6:disabled:hover { cursor: default; }
.panel .input7 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #57c141; border: 0; }
.panel .input7:hover { cursor: pointer; background: #60cc45; }
.panel .input7:disabled { background: #dedede; color: #fff; }
.panel .input7:disabled:hover { cursor: default; }
.panel .input8 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #c6ecff; border: 0; margin-top:-8px; }
.panel .input8:hover { cursor: pointer; background: #5d9940; }
.panel .input8:disabled { background: #dedede; color: #fff; }
.panel .input8:disabled:hover { cursor: default; }
.panel .warning { margin-top:10px; color: #fff; font-weight:bold; background: #aa0000; padding: 5px; width:725px; }
.panel .upload { background: #c6ecff; padding: 10px; margin-top:-12px; width:216px; margin-bottom:10px; }
.panel .questionset { background: #efefef; padding: 10px; margin-top:-12px; margin-left:450px; width: 280px; }
.panel .search { width: 220px; border: solid 1px #acadcc; height:38px; }
.panel .search .showall { float: left; }
.panel .search .text { float: left; width:145px; margin-top:7px; margin-left:5px; }
.panel .search .find { float: left; margin-top:4px; }
.panel .search .input { color: #888; border:0; }
.panel .search .input:focus { outline-width: 0; }
.panel .projectdetails { padding: 2px; border: solid 1px #ddd; width:98%; margin-left:9px; }
.panel .step { padding: 15px; background: #55bc75; color: #fff; font-size:1.4em; font-weight:normal; margin-bottom:15px; }
.panel table {  }
.panel .new { margin-left:0px; margin-top:0px; margin-bottom:0px; }
.panel .titleheading { background: #f78350; color: #fff; font-weight:bold; font-size:1.1em; }
.panel .titleheading td { padding: 12px 5px; }
.panel .titleheading a { font-weight:bold; color: #fff; text-decoration:none; }
.panel .titleheading a:hover { color: #fffc75; text-decoration:none; }
.panel .rowdark { background: #e8e8e8; color: #222;  }
.panel .rowdark:hover { background: #e2d5d0; }
.panel .rowdark td { padding: 8px 5px; height:26px; }
.panel .rowmedium { background: #e1e1e1; color: #222;  }
.panel .rowmediumtop { background: #e1e1e1; color: #222;  }
.panel .rowmediumbottom { background: #e1e1e1; color: #222;  }
.panel .rowmedium:hover { background: #d1d1d1; }
.panel .rowmediumtop:hover { background: #d1d1d1; }
.panel .rowmediumbottom:hover { background: #d1d1d1; }
.panel .rowmedium td { padding: 1px 5px; }
.panel .rowmediumtop td { padding: 5px 5px 2px 5px; }
.panel .rowmediumbottom td { padding: 2px 5px 5px 5px; }
.panel .rowheader { background: #239ad2; color: #fff; padding: 6px 10px; float:left; margin-top:2px; width:80px; font-size:1.1em; height:18px; }
.panel .rowsubheader { background: #888; color: #fff; padding: 6px 10px; float:left; margin-top:2px; margin-left:30px; width:80px; font-size:1.1em; height:18px; }
.panel .rowtext { padding: 5px 5px; margin-left:0px; color: #222; }
.panel .rowtext:disabled { color: #666; }
.panel .rowlight { background: #f6f6f6; color: #222;  }
.panel .rowlight:hover { background: #e9e9e9; }
.panel .rowlight td { padding: 8px 5px; height:26px; }
.panel .rownew { background: #ffc57a; border-bottom: solid 1px #e5af72;  }
.panel .rownew:hover { background: #efb773; }
.panel .rownew td { padding: 8px 5px; height:32px; }
.panel a { color: #246b9f; }
.panel a:hover { color: #349be5; }
.panel .text { color: #222; }
.panel h1 { color: #222; margin-bottom:0px; margin-left:10px; font-size:1.5em; margin-top:-8px; }
.panel h2 { color: #58bae9; font-size:1.2em; margin-left:10px; margin-bottom:8px; font-weight:normal; }
.panel .checkboxlist td { width:270px; }
.panel .input:disabled { color: #888; background: #efefef; border: solid 1px #888; height:22px; }
.panel .input3 td { width:200px; color: #222; text-align:left; }
.panel .input4 { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #1e5db5; border: 0;margin-top:0px; }
.panel .input4:hover { cursor: pointer; background: #2e6bc1; }
.panel .input4:disabled { background: #efefef; color: #d4d4d4; }
.panel .input4:disabled:hover { cursor: default; }
.panel .clicktoconfirm { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #efa94c; border: 0;margin-top:0px; }
.panel .clicktoconfirm:hover { cursor: pointer; background: #f9ba66; }
.panel .clicktoconfirm:disabled { background: #efefef; color: #d4d4d4; }
.panel .clicktoconfirm:disabled:hover { cursor: default; }
.panel .sectioncompleted { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #8bcc74; border: 0;margin-top:0px; }
.panel .sectioncompleted:hover { cursor: pointer; background: #8bcc74; }
.panel .sectioncompleted:disabled { background: #8bcc74; color: #fff; }
.panel .sectioncompleted:disabled:hover { cursor: default; }
.panel .export { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #efa94c; border: 0;margin-top:0px;  }
.panel .export:hover { cursor: pointer; background: #f9ba66; }
.panel .clear { font-family: Arial, Verdana; font-size:1.2em; color: #fff; text-align:center; font-weight:bold; padding: 8px 10px; background: #b97cff; border: 0;margin-top:0px;  }
.panel .clear:hover { cursor: pointer; background: #c596ff; }
.panel .owner { font-style: normal; font-size:0.85em; }
.panel .target { padding: 3px 0px; }
.answers input { width: 1.2em; height: 1.2em; }

/* Surround */
.surround { padding: 2px; border: solid 1px #acadcc; margin-top:-22px; margin-bottom:30px; }

/* Filters & Paging */
.panel .pages { margin-left:0px; color: #222; font-weight:bold; margin-top:20px; margin-bottom:0px; }
.panel .pages .page { margin-right:5px; text-decoration:none;}
.panel .pages .selectedpage { background: #efefef; padding:2px 4px; margin-right:5px; text-decoration:none; border: solid 1px #888; }

/* Login */
.image { text-align: center; border:none; }
.logintitle { background: #00337F; font-family:Century Gothic,Trebuchet MS; border: none; color:#fff; font-size:1.3em; font-weight:bold; padding-top:15px; text-transform:uppercase; margin-bottom:10px; border-bottom: solid 5px #0e77C2;  }

/* Images */
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }

/* Tables */
.titleheading {height:26px; color:#fff; font-weight:bold; background: #000;}
.titleheading td { padding: 8px 5px; }
.rowlight {background: #e6e6e6; padding: 5px 5px; }
.rowdark {background: #d6d6d6; padding: 5px 5px; }
.rowlightcompetency td {background: #e6e6e6; padding: 8px 5px; font-weight:normal; border-bottom: solid 1px #ccc; }
.rowdarkcompetency td {background: #e6e6e6; padding: 8px 5px; font-weight:normal; border-bottom: solid 1px #ccc;}
.rowlightsubcompetency td {background: #e6e6e6; padding: 8px 5px; font-weight:normal; border-bottom: solid 1px #ccc;}
.rowdarksubcompetency td {background: #e6e6e6; padding: 8px 5px; font-weight:normal; border-bottom: solid 1px #ccc;}
.rowlightquestion td {background: #e6e6e6; padding: 8px 5px; font-weight:normal; border-bottom: solid 1px #ccc;}
.rowdarkquestion td {background: #e6e6e6; padding: 8px 5px; font-weight:normal;border-bottom: solid 1px #ccc; }
.rowlightanswer td {background: #e6e6e6; padding: 8px 5px; font-weight:normal;border-bottom: solid 1px #ccc; }
.rowdarkanswer td {background: #e6e6e6; padding: 8px 5px; font-weight:normal; border-bottom: solid 1px #ccc;}
.rowlight:hover { background: #005BDB; }
.rowdark:hover { background: #005BDB; }
.rowicon { float: left; width:30px; margin-top:-4px; }
.rowicon:hover { cursor: pointer; }
.rowicon:disabled:hover { cursor: default; }
.rowtitle { float: left; }
.rowtitle a { text-decoration: none; }
.rowtitle a:hover { text-decoration:none; }
.numberofitems { font-style: normal; color: #999; font-size:0.9em; }

/* Checkbox list */
.privileges { background: #efefef; width:800px; border: solid 1px #ccc; }
.checkboxlist td { width:270px; }
.input3 td { width:200px; color: #fff; text-align:left; }

/* File Upload */
.uploadfile { position: fixed; top:0; left:0; background: url(/images/base/progress.png); width:100%; height:100%; overflow: hidden; z-index:200; color: #222; }
.uploadfile .screen { width: 460px; height: 450px; padding: 0px 20px; background: url(/images/base/updatedetailsbg.png) repeat-x; position: absolute; left:50%; top:50%; margin-left:-250px; margin-top:-225px; }
.uploadfile .screen h2 { margin-top:10px; text-transform:uppercase; color: #fff; font-size: 1.3em; font-weight:normal; font-family: Arial; letter-spacing:-0.05em; text-align:center; }
.uploadfile .screen .close { position: relative; top: -36px; left: 440px; }
.uploadfile .screen .close:hover { cursor: pointer; }
.uploadfile .upload { background : #efefef; padding:10px; width:440px; height:30px; }
/*.uploadfile .upload { width: 267px; padding-left:168px; padding-top:128px; height:132px; background: url(/images/base/choose.png); border: solid 2px #f2f3f6; color: #222; }
.uploadfile .create { margin-top:20px; margin-left:120px; }
.fileuploadbutton::-webkit-file-upload-button { visibility: hidden; }
.fileuploadbutton:before { content: 'CHOOSE FILE'; display: inline-block; background: -webkit-linear-gradient(top, #efefef, #efefef); padding: 10px 20px; outline: none;  white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-size: 1.3em; color: #a4b4ce; font-family: Calibri, Arial; }
.fileuploadbutton:hover:before { border-color: #a4b4ce; }
.fileuploadbutton:active:before { background: -webkit-linear-gradient(top, #dedede, #dedede); }*/
.error { margin-top:20px; padding: 5px; color: #cc0000; font-weight:bold; font-size:1.2em; }
label.cabinet { color: #ff0000; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #efefef; z-index:255; height:165px; overflow:hidden; padding:0; margin-top:2px; border: solid 1px #aaa; }
.calendar table { background: #efefef; padding: 0; }
.calendar td { padding: 0px; font-size:1.1em; text-align:center; width:20px; }
.calendar .ajax__calendar_header { background: #59b9e9; color: #fff; padding-top:3px; }
.calendar .ajax__calendar_active {color: #000; font-weight:bold; }
.calendar .ajax__calendar_dayname { background: #2598cf; color: #fff; text-align:center; width:20px; }
.calendar .ajax__calendar_other { background: #efefef; color: #ccc; width:20px; height:20px; }
.calendar .ajax__calendar_other:hover { background: #efefef; color: #ccc; }
.calendar .ajax__calendar_day { margin: 0px; padding: 0; text-align:center; background: #efefef; width:20px; height:20px; }
.calendar .ajax__calendar_day:hover { background: #99d4ef; color: #fff; }
.calendar .ajax__calendar_today { background: #59b9e9; padding-bottom:5px; color: #fff; top:-20px; position: relative; }
.calendar .ajax__calendar_today:hover { background: #2598cf; }