/* 
    Created on : Jul 27, 2015, 4:43:29 PM
    Author     : kimvdlinde
*/

@CHARSET "ISO-8859-1";

/*General CSS*/
body {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background:white;
    margin: 0;
    padding: 0;
    text-align: left;
    color: black;
    border:0;
}
/* Header styles */
.header {
    background: url('../images/skyline_background.jpg') repeat-x;
    background-position: left top;
    background-size: 100% 200px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #4d7fb2;
    border-bottom-color: #04537F;;
    width: 100%;
    padding: 0px 0px 0px 0px;
    overflow: auto;
    /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an 
    image is used in the #header instead of text, you may want to remove the padding. */
}

.header p{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0px;
    /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable 
    space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0px 4px 20px;
    /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.header h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin: 0px;    
    padding: 15px 0px 0px 20px;   
    font-size: 32px;
    color: #04537F;
    float: left;
}
.header h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 0px;
    padding-left: 20px;

}
.header h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    color: #04537F;
    font-size: 18px;
    margin: 0px;
    padding: 0px 0px 0px 20px; 
}
.cdphLogo{
    float: right;
    padding: 20px 20px 0px 0px;
    width: 250px;
}
.casLogo{
    width: 70px;
    padding: 30px 0px 5px 10px;
}
.sectionTitleDiv {
    float:left;
    nbackground: white;
    margin-left: 180px;
    padding:5px 14px;
}

.blankContainer {
    margin-left: 20px;
}


/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
    background:#ddd;
}
.leftmenu .colright {
    float:left;
    width:200%;
    position:relative;
    left:180px;
    background:#fff;
}

.content h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #04537F;
}
.leftmenu .contentWrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .content {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
    min-height: 600px;
}
.leftmenu .navigation {
    float:left;
    width:150px;
    position:relative;
    right:165px;
}

/* Navigation items*/
.navList {
    margin-left: -45px;
    list-style-type: none;    
}

.navList li{
    font-size: 1.2em;
    font-weight: bold;
    list-style-type: none;  
}
.navList li a{
    text-decoration: none;
    color: #00a;
}

.nnavList li ul li:hover{
    background: #ECECE7;
}

.navList li ul li {
    font-size: .9em;
    font-weight: normal;
    list-style-type: none;  
    margin-left: -30px;
    padding-left: 15px;
    text-indent: -15px;
}

.navList li ul li ul li{
    font-size: .85em;
    list-style-type: disc;
    margin-left: -40px;
    padding-left: 15px;
    text-indent: -15px;
}
.navBlank {
    height: 6px;
}

.userNav {
    text-align: right;
    padding: 0px 10px;
}

.userNav p {
    font-size: 14px;
}

.userNav ul{
    list-style: outside none none;

}
.userNavItem{
    display:block;
    float:left;
}

.userNavItem .userNavSub{
    position: absolute;
    display: none;
}
.userNavItem:hover .userNavSub{
    position: absolute;
    display: block;
}

.userNavSub{
    border-color: #C1C0BC;
    border-style: solid;
    border-width:1px 1px 0px 1px;
    margin-left: 60px;
    padding-left: 0px;
}
.userNavSubItem{
    display: block;
    width: 8em;
    height: auto;
    padding: 0.35em 0.75em;
    background-color: #DDD;
    font-size: 0.95em;
    font-weight: normal;
    line-height: 1.15em;
    color: #676664;
    text-decoration: none;
    text-align: left;
    border-style: solid;
    border-color: #C1C0BC;
    border-image: none;
    border-width: 0px 0px 1px 0px;
}

/* Footer styles */
.footer {
    padding: 0 10px;
    /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background: #DDDDDD;
}

.footer p {
    margin: 0;
    /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a 
                    space between divs */
    padding: 10px 0;
    /* padding on this element will create space, just as the the margin would have, without the margin 
                        collapse issue */
    width: 100%;
    float: left;
    margin: .625em 0 0 0;
    border: 1px;
}

.login {
    position: relative;
    width: 300px;
    margin: 100px auto;
}

.unauthorized{
    position: relative;
    width: 500px;
    margin: 0px auto;
}

/*Collapsable boxes*/
.statusExpand { 
    vertical-align: top; 
    height:auto !important; 
}
.statusExpand ul {

}

.list {
    display:none; 
    height:auto;
    margin:0;
    float: left;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .list {
    display:inline; 
}


.hide, .show {
    width: 15px;
    height: 15px;
    font-size: 10px;
    color: #000;
    text-shadow: 0 1px 0 #666;
    text-align: center;
    text-decoration: none;
    box-shadow: 1px 1px 2px #4d7fb2;
    background: #ddd;
    opacity: .95;
    margin-right: 5px;
    float: left;
    margin-bottom: 25px;
}

.hide:hover, .show:hover {
    color: #eee;
    text-shadow: 0 0 1px #666;
    text-decoration: none;
    box-shadow: 0 0 4px #222 inset;
    opacity: 1;
    margin-bottom: 25px;
}

/*tables*/
th, td {
    vertical-align:top;
}


/* Miscellaneous classes for reuse */
.clearfloat {
    /* this class should be placed on a div or break element and should be the final element before the close of a 
container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
.floatLeft {
    float: left;
}
.floatRight {
    float:right;
}
.center {
    text-align: center;    
}
.warning, .warning a {
    color: red;
    font-weight: bold;
}

.successMessage {
    color: green;
    font-weight: bold;
}

.messagebox {
    margin-bottom: 10px;
    font-weight: bold;
}

.userDetails {
    border: 0px;
}
.userDetails th,
#alertDetails th{
    text-align: right;
}

#passwordRules, #passwordChangeCheck {
    margin-left: 25px;
    font-size: 9px;
}

.collapsableContainer .collapsableContent {
    display: none;
    padding : 5px;
}

.inputPercentage{
    text-align: right;
}

#editUserDataDialog, #editPasswordDialog{
    display: none;
}

.userDataInput{
    display: block;
}

.showInPrint{
    display:none;
}

.page-break	{ 
    display: none;
}

.alignLeft{
    text-align: left;
}

.rightAlign{
    text-align: right;
}