/* *  *   *   Base   *   *  * */

/* COLORS: */
/*        Dark: #162D76  */
/*         Med: #6370A4  */
/*       Light: #E2E6F1  */
/*   Dark Gray: #404040  */
/*    Med Gray: #808080  */
/*  Light Gray: #C0C0C0  */

/* CONSOLE SPECIFIC COLOR: */
/*  nav/menu color: #AEB6D8 */

/* CONSOLE */
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000;
    background-color: white;
}

p, td, th, li, div {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: small;
}

.r5_product_name {
	vertical-align: 10px;
}

.r5_welcomebanner {
	height: auto !important; /* because we hate the castyles.css height */
}

#head {
    border-bottom: 1px solid #999999;
}

#container {
    margin: 0;
    padding: 0;
    width: 100%;  /* ie hack */
}

#navtd {
	width: 200px;
	padding-right: 10px;
	background-color: #EFF6FF;
}

#nav {
    padding: 0;
}

#contenttd {
	border-right: 1px solid black;
}
    
#content {
    padding: 0px;
}

#navright {
	background-color: #EFF6FF;
	background-image: url("/castylesr5.1.1/images/sidemenu_background_right.png");
	width: 6px;
}

#contentbottom {
    height: 6px;
	font-size: 1px;
	line-height: 0;
	border-right: 1px solid black;
}

#bottomrow {
/*    height: 6px !important;
    font-size: 1px !important;
	line-height: 0 !important;*/
}

#pre-foot {
	clear: both;
	padding: 2px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
    
#foot {
	clear: both;
}


/* TITLES */
h1 {
	margin-top: 0px;
    font-size: medium;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold; 
	font-style: normal; 
	color : #336699;
	-webkit-box-shadow: 0px 4px 8px 0px #807b80; 
    -moz-box-shadow: 0px 4px 8px 0px #807b80; 
    box-shadow: 0px 0px 8px 0px #807b80; 
    	/*background-image:url('/castylesr5.1.1/images/portal_tab_selected_center.png');*/
}

h2:after{
    content:"";
    display: block;
    width: 80%;
    border-top:1px solid #dddada;
    margin-top: 5px;
}

h2 {
    font-size: 20px !important;
	padding-right: 2px; 
	padding-left: 5px !important; 
	font-weight: bold; 
	padding-bottom: 2px; 
    color: #2d7e93;
    overflow: hidden;
	padding-top: 2px; 
	text-align : left;
	vertical-align : baseline;
}

.im-formRowSet > label{
    padding-left: 2px;
}

h3, h4, h5, h6 {
    font-size: 110%;
    color: #104983;
}

/* MISC */
/* Seems to be necessary with xhtml */
div {
    text-align: left;
}
img.decoration {
    display: block;
}



/* ACCESSIBLITY */

.nocss {
    display: none;
}
.skiplinks {
    display: none;
}


/* LEVEL 1 TABS */
.tabs {
    width: 100%;
    float: left;
    margin: 0;
    margin-top: 1px;
    padding: 0;
    border: none;
    background: url("../image/tab_bg.gif") repeat-x bottom;
}
.tabs ul {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
ul.tabs {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
li.tab-open, li.tab-closed, li.tab-inactive {
    float: left;
    margin: 0;
    padding: 0;
    border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    background-color: transparent;
}
li.tab-open {
    background-image: url('/castylesr5.1.1/images/portal_tab_selected_left.png');
    background-position: top left;
    background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}
li.tab-open span {
    display: block;
    background-image: url('/castylesr5.1.1/images/portal_tab_selected_right.png');
    background-position: top right;
    background-repeat: no-repeat;
}
li.tab-open span span {
    display: block;
    background-image: url('/castylesr5.1.1/images/portal_tab_selected_center.png');
    background-repeat: repeat-x;
    background-position: top left;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid white;
    padding: 4px;
    padding-bottom: 3px;
}
li.tab-closed, li.tab-inactive {
    background-image: url('/castylesr5.1.1/images/portal_tab_unselected_left.png');
    background-position: top left;
    background-repeat: no-repeat;
}
li.tab-closed span, li.tab-inactive span {
    display: block;
    background-image: url('/castylesr5.1.1/images/portal_tab_unselected_right.png');
    background-position: top right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #999999;
}
li.tab-closed span span, li.tab-inactive span span {
    display: block;
    background-image: url('/castylesr5.1.1/images/portal_tab_unselected_center.png');
    background-position: top left;
    background-repeat: repeat-x;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    padding: 4px;
}
li.tab-inactive span span {
    padding-top: 5px;
    padding-bottom: 5px;
}
* html li.tab-inactive span span {
    padding-bottom: 4px;
}
.im-tabs-footer {
    /*height: 5px;*/
	margin: 0;
	padding: 0;
    line-height: 0;
    border: none;
    clear: both;
    padding-bottom: 1px;
}


/* LEVEL 2 TABS */

.subtabmenu_selected {
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold; 
	color: #6d7173;
	vertical-align : middle;
	text-decoration: none; 
	padding: 3px;
	white-space: nowrap;
	background-image: url('/castylesr5.1.1/images/arrow_asc_bk.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
}
.subtabmenu_unselected {
	font-family:  verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #336699;
	vertical-align : middle;
	text-decoration: none; 
	padding:3px;
	white-space:nowrap;
	background-image: url('/castylesr5.1.1/images/arrow.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
}

.r5_subtab {
    border-bottom: 1px solid #999999;
    background-image: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.r5_subtab_empty {
    border-bottom: 1px solid #999999;
    background-image: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.r5_subtab_selected {
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
}
.r5_subtab_unselected {
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
}


/* LEVEL 3 TABS */

.sidenavmenu_selected {
    background-image: url('/castylesr5.1.1/images/arrow_asc_bk.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
    font-weight: normal; 
    color: #000000;
}
.sidenavmenu_unselected {
    background-image: url('/castylesr5.1.1/images/arrow.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
    font-weight: normal;
    color: #336699;
}


.r5_sidenav {
    padding: 4px;
    /*background-color: #eff6ff;*/
    height: 100%;
    font-size: small;
}
.r5_sidenav_bottom {
    height: 6px !important; /* because castyles.css has two versions, one being wrong */
	font-size: 1px;
    line-height: 0;
}
.r5_sidenav_corner {
    width: 6px !important; /* because castyles.css has conflicting entries */
    height: 6px !important; /* because castyles.css has confliciting entries */
    font-size: 1px;
	line-height: 0;
}
.r5_sidenav_title {
    font-weight: bold; 
    color: #000000;
    vertical-align : baseline;
    text-decoration: none; 
}
.r5_sidenavlink_selected {
    font-weight: normal; 
    color: #000000;
    padding-left: 2px;
}
.r5_sidenavlink_unselected {
    font-weight: normal;
    color: #336699;
    padding-left: 2px;
}
ul.r5_sidenav, ul.r5_sidenav ul {
    margin: 0;
    list-style-type: none;
}
ul.r5_sidenav ul li {
    margin-left: 30px;
    text-indent: -10px;
}
ul.r5_sidenav li, ul.r5_sidenav ul li {
    padding-top: 4px;
}
.submenu-hide {
    display: none;
    overflow: visible;
    height: auto;
}
.submenu-show {
    display: block;
    overflow: hidden;
    height: auto;
    padding: 0;
}

#togglenav, #togglenav_bottom {
    border-left: 1px solid #8b959e;
    width: 10px;
    padding: 0 0 0 2px;
}

#togglenav.r5_sidenav {
    text-align: center;
    cursor: pointer;
}

.languageSelection {
	color: #336699;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	padding: 1px;
}

/*************** Custom Styles ******************/

    /* hide default h1 */
        h1 {
            padding-top:10px !important;
            padding-bottom:10px !important;
        }

        h2 {
            background-image:none;
        }

    /* tabs */
        li.tab-open , li.tab-closed, li.tab-inactive {
            background-image: none;
        }
        li.tab-open span, li.tab-closed span, li.tab-inactive span {
            background-image: none;
            border-style:solid;
            border-width:1px 1px 0px 0px ;
            border-top-color: #336699;
            border-bottom-color: #104983;
            border-right-color: #3263b6;
        }
        li.tab-open span span, li.tab-closed span span, li.tab-inactive span span {
            background-image: none;
            padding:8px 8px 8px 8px;
        }
        li.tab-closed{
	        background-color: #7997b9;
        }

        li.tab-open
        {
	        background-color: #104983;
        }

        LI.tab-open {
            border:none;
        }

        LI.tab-open SPAN SPAN {
            border:none;
        }

        .tabs {
            background-color:#c3d3e3;
        }

 
    /* menu hyperlink */
        a.im-button-link, .tabs .im-button-link{
	        color:white;
        }

        a.im-button-link-hover, .tabs .im-button-link-hover{
	        color:white !important;
	        text-decoration:underline !important;
        }

    /* image buttons */
        .ca-section-title a {
            color: #204f7d;
            font-size: 18px;
        }


    /* left nav container*/

    #bottomrow, #pre-foot, #navright {
        display:none;
    }

    #navtd {
        padding-right:0px;
        width:275px;
    }

    ul.r5_sidenav {
        padding:0px;
    }

    /*nav items*/

    UL.r5_sidenav > LI {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #cbe6f7;
    border-style: solid;
    border-color: #f3f3f3;
    border-bottom-width: 0em;
    border-top-width: 0px;
    border-left: 4px solid #7997b9;
    margin-bottom: 2px;
    margin-left: 2px;
    padding-left: 15px;
    text-indent: -12px;
    }


    UL.r5_sidenav > li > a {
        padding-left:6px;
    }

    UL.r5_sidenav UL LI{
        padding:5px 5px 5px 20px;

        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #7997b9;

        margin-left:17px;
        text-indent:-15px;

    }


    /*panel*/
    .x-panel-body {
        border: 1px solid;
        border-color:lightgray;
        padding-bottom:25px;
    }

    /*main content*/
    #content {
        background-color: white; /*jfeigley updated background color per mock up, original value: #d6e8f5;*/
        width: 990px; 
        text-align: center; /*margin-left: 130px; margin-right: 130px;*/
        margin: 0px auto; 
        padding-top: 0px; 
        padding-bottom: 0px; 
        margin-top:25px;
        margin-bottom:35px;
        align-items: center;  /*jfeigley added padding to top of content block, moved second set of content styles to same block as the first (second content block starts line 35 and has been commented out*/ 
        padding-left: 0px;
        padding-right: 0px;
    }

    /*banner*/
    #head > table > tbody > tr {
        background-color:#14528f;
    }
    #head > table > tbody > tr > td{
        padding-left:17px;
        padding-bottom:5px;
        padding-top:5px;
    }
    .r5_product_name {
        display:none;
    }
    .r5_global_link {
        color:white;
    }

    .r5_global_link:hover {
        color:ghostwhite;
    }
    .r5_welcomebanner {
        background-color:white;
        color:#104983;

    }
    .r5_welcomebannerlabel {
        color:#14528f;
    }
    .r5_welcomebannerlink {
        float:right;
        color:#14528f;
    }

    

    /*image buttons*/
    img.resize {
        width: 100px;
        height: 100px;
    }

    .image-wrapping-sub A {
        width:100px !important;
	    margin-left: 20px;
    }

    .text {
	    width: 125px !important;
        color:#376693 !important;
	    padding-top: 18px;
    }

    div.image {
        height:150px;
        width:120px;
        padding-top:10px;
    }

    /* Task section title*/
    .ca-section-title A {
        padding-left:10px;
    }

    .im-page-section-header, h2 {
        /*font-size: 18px;
        font-family:Verdana, sans-serif, Arial;*/
        background-image:none !important;
    }

    /*Footer*/

    .r5_footer_text , #foot td{
        height:38px;
        background-color:#14528f;
        font-size:20px !important;
        padding-left:100px;
        color:white;
    }

    #foot a {
        color:#336699;
    }

    #foot a:hover {
        color:#336699;
        text-decoration:underline;
    }


    /* task forms */

    button {
	    font-size: 150% !important; text-transform: uppercase
    }

    label {
	    font-weight: bold; font-size: 14px;
    }
	
	table.im-formRowSet tbody tr th.im-label, table.im-formRowSet tbody tr th.im-label-required{
		text-align:right;
        padding-right: 5px !important;        
        width:241px !important;
	}
    
    table.im-formRowSet tr td, table.im-formRowSet tr th{
        padding-right: 60px !important;
    }

    table.im-formRowSet tr, table.im-formRowSet tr th {
        background-color: transparent;
        color:#666666;
	}

    .im-page-section-header {
        border-width: 0px;
	    padding: 0px 0px 0px 20px;
    }
	
    .im-task-body div p{
        padding: 0px 0px 0px 24px;
    }
    .im-label-required{
	    padding: 0px 0px 0px 20px;        
    }

    .im-page-section-content {
        background-color: transparent;
		border-right:0px;
        border-width: 0px;
        overflow: auto;
	    padding: 0px 0px 0px 20px;
    }

    /*buttons*/
    .x-btn-noicon .x-btn-small .x-btn-text, x-btn-tc {
        border: solid 2px #4a4a4a;
        background: #ffffff;
        color: #4a4a4a;
        height: auto;
        border-radius: 4px;
        border: solid 2px #13518f !important;
        padding: 5px 15px;
        background-image:none !important;
    }

    .x-btn-br,.x-btn-bl,.x-btn-mc,.x-btn-tl,.x-btn-tr,.x-btn-ml,.x-btn-mr,.x-btn-bc, .x-btn-tc, .ca-gray .x-btn-tl, .ca-gray .x-btn-tr, .ca-gray .x-btn-tc, 
        .ca-gray .x-btn-ml, .ca-gray .x-btn-mr, .ca-gray .x-btn-mc, .ca-gray .x-btn-bl, .ca-gray .x-btn-br, .ca-gray .x-btn-bc {
        background-image:none !important;
    }    
       
    .r5_subtab, .r5_subtab_empty {
        background-color:#84caf9;
    }

    .subtabmenu_selected {
        color:white;
    }
    

    #main {
        width:100%;
    }

TABLE.wsui-table TR.wsui-table-row-odd TD
{
	background-color:aliceBlue;
}

table.wsui-table tr.wsui-table-row-header th{
	background-color:#d2e5f8  !important;
}

.im-filter .im-button{
	height:24px;
}

.im-button{
	margin-top:2px;
	padding-left:5px;
	padding-right:5px;
	background-color:#e3eded !important;
	background-image:none !important;
	border:1px solid gray;

}

.im-button-small{
	height:23px;
	padding-left:5px;
	padding-right:5px;
	background-color:#e3eded !important;
	background-image:none !important;
	border:1px solid gray;
}

#im-return-to-search{
	margin-top:10px;
}


div#foot table{
	margin: 0px;
	border: 0px;
	border-collapse:collapse;
}

.image-wrapping hr{
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

table.wsui-table tr.wsui-table-row-odd td, table.wsui-table tr.wsui-table-row-even td{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

#confirmation-message {
	margin-left: 25px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 6px;
	background-color: #f9f9f9;
	border: 2px solid green;
	padding-left: 10px;
	margin-top: 20px;
}

#confirmation-message tbody tr td.r5_label{
    color:green;
    padding-left: 5px;
}

#confirmation-message > .r5_Message{
    color:green;    
}

table.fw-messages {
    width:772px;
	margin-left: 25px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 6px;

	background-color: #f9f9f9;
    border:2px solid #CC2B2B;
    margin-top: 10px;
}

table.fw-messages td:nth-child(2), table.fw-messages td:nth-child(3),table.fw-messages td:nth-child(1) {
    display: none;
}

table.fw-messages tbody tr td{
    color:#CC2B2B;
}

#container {
	BACKGROUND-COLOR: #c4d3e3; 
    /*background:-webkit-gradient(linear, 52% 100%, 52% 0%, from(#c4d3e3), to(#90acca)) ;*/
}

/*
#content{
    -webkit-box-shadow: 1px 4px 8px 0px #807b80; 
    -moz-box-shadow: 1px 4px 8px 0px #807b80; 
    box-shadow: 1px 4px 8px 0px #807b80;     
}

#navtd, #navleft{
    display: none;
}

.r5_subtab, .r5_subtab_empty {
	display:none;
}

.im-tabs-header, .tabs, .im-tabs-footer{
    display: none;
}

#togglenav{
    display: none;
}
*/
H1 {
	background-color: #14528f;
	FONT-SIZE: 160%;
	COLOR:white;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	MARGIN-TOP: 10px;
	PADDING-RIGHT: 0px;

}

.im-task-body {
    background-color: #ffffff; 
    width:100%; 

    padding-top:10px;
  	-webkit-box-shadow: 0px 4px 8px 0px #807b80; 
    -moz-box-shadow: 0px 4px 8px 0px #807b80; 
    box-shadow: 0px 4px 8px 0px #807b80; 	
	
}


input[type='password'], input[type='text']  {
	
	font-size: 14px;
    padding:0px 12px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	height:35px;
    width:360px !important;
}

select {
	font-size: 14px;
	line-height: 1.42857143;
	
	border-top: #ccc 1px solid; 
	border-right: #ccc 1px solid; 
	background-image: none; 
	border-bottom: #ccc 1px solid; 
	color: #555; 
	border-left: #ccc 1px solid;
    padding:6px 12px;
	background-color: #fff; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
	border-radius: 4px; 
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    width: 386px !important;
}

#pdMVDLS3Unit
{
width: auto !important;
}

#pdMVDLS3Unit1
{
width: auto !important;
}

TABLE.im-formRowSet TR TH {
	FONT-SIZE: 120%; 
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	COLOR: #666666; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 13px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px
}

table.im-formRowSet tr th label{
    padding-left: 3px !important; 
}

#Filter-queryFilter > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2) > select:nth-child(1), 
#Filter-queryFilter > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > select:nth-child(1), 
#Filter-queryFilter > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(4) > input:nth-child(1)
{
    width:300px !important;
    font-size: unset;;
	line-height: unset;
	height:27px;
    padding: unset;
    border-radius: 4px;
}

#imh_1,
#imh_2
{
 
}

.ext-strict .x-form-text {
    height: 35px;
}

/*search result left and right padding*/
.im-searchResults{
    padding-left: 15px;
    padding-right: 15px;
}

/*Modify user task left padding*/
#imh_3, #PDDefaultAccessRoleList{
    margin-left: 10px;
}

textarea{
	border: 1px solid #ccc;
	border-radius: 6px; 
    padding:6px 12px;   
}

table.im-formRowSet tr td, table.im-formRowSet tr th{
    padding-right: 22px !important;
}
/*last updated 1/18/2017*/