/* *  *   *   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 */
}

#container {
    margin: 0;
    padding: 0;
    width: 100%;  /* ie hack */
	min-height: 100%;
	position: relative;
}

#navleft {
	width: 1px;
	background-color: rgb(139, 147, 153);
}	

#navtd {
	width: 200px;
	padding-right: 10px;
	background-color: #EFF6FF;
}

#nav {
    padding: 0;
}

#contenttd {

}
    
#content {
	padding-bottom: 70px;
}

#navbottomleft {
	width: 1px;
	height: 6px;
    font-size: 1px;
	line-height: 0;
	background-color: rgb(139, 147, 153);
}

#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;
}

#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;
	/*background-image:url('/castylesr5.1.1/images/portal_tab_selected_center.png');*/
}

h2 {
    font-size: 110%;
	padding-right: 2px; 
	padding-left: 6px; 
	font-weight: bold; 
	padding-bottom: 2px; 
	color: #ffffff;
	padding-top: 2px; 
	text-align : left;
	vertical-align : baseline;
    background: #336699 url('/castylesr5.1.1/images/table_header_center.png');
}

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: 2px;
    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 white;
}
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;
}
.im-tabs-footer {
    /*height: 5px;*/
	margin: 0;
	padding: 0;
    line-height: 0;
    border: none;
    clear: both;
    padding-bottom: 1px;
}


/* LEVEL 2 TABS */

.r5_subtab_selected {
    background-image: url('/castylesr5.1.1/images/arrow_asc_bk.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
}
.r5_subtab_unselected {
    background-image: url('/castylesr5.1.1/images/arrow.png');
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 15px !important;
}


/* LEVEL 3 TABS */

.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;
}

@media only screen and (max-width:980px) {

  p, td, th, li, div {
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: small;
}
  
  }