﻿/*OVERRIDE*/
h3.cisformx
{
    font-weight:bold !important;
}
.form6_border
{
    font-weight:bold !important;
}
.border_common
{
    font-weight:bolder !important;
}
.italic_common
{
    font-style:italic !important;
}
.td_padding
{
    padding:5px !important;
}
#submenu
{
    font-size: 11px !important;
}

#body
{
    font-size: 11px !important;
}

#homecontent
{
    width: 635px;
}
#headerp
{
    font-weight: bolder;
    font-size: larger;
    color: #555;
}
.BreadCrumbBarStyleParent
{
    background-color: #f5f5f5;
    padding-left: 7px;
}
.BreadCrumbBarStyle
{
    background-color: #f5f5f5;
    padding-left: 7px; /*         padding-top:10px;         padding-bottom:10px;         */
}
div.contentform
{
    background: url(../images/formmid.png) repeat-y 0 0;
    color: #5c676b;
}
div.contentform > div
{
    padding: 10px 0 10px 25px;
}
div.contentform div ol li
{
    padding: 5px 0;
    overflow: hidden;
}
div.contentform > div ol li label
{
    float: left;
    width: 175px;
    padding: 5px 0 0 0;
}
div.contentform div ol li input
{
    width: 246px;
    background: url(../images/textinput.png) no-repeat 0 0;
    border: none;
    padding: 7px 3px;
}
div.contentform div ol li input.smallinput
{
    width: 150px;
    background: url(../images/smalltextinput.png) no-repeat 0 0;
}
div.contentform div ol li div#uniform-statusselet
{
    position: relative;
    width: 183px;
    float: left;
}
div.contentform div ol li div#uniform-statusselet span
{
    background: url(../images/smallselect.png) no-repeat 0 0;
    display: block;
    padding: 5px 0 5px 5px;
}
div.contentform div ol li div#uniform-statusselet select
{
    top: 5px;
    left: 0;
    position: absolute;
    width: 183px;
    padding: 5px 0 5px 5px;
}
div.contentform div ol li div#uniform-documenttype
{
    position: relative;
    width: 449px;
    float: left;
}
div.contentform div ol li div#uniform-documenttype span
{
    background: url(../images/longselect.png) no-repeat 0 0;
    display: block;
    padding: 5px 0 5px 5px;
}
div.contentform div ol li div#uniform-documenttype select
{
    top: 5px;
    left: 0;
    position: absolute;
    width: 449px;
    padding: 5px 0 5px 5px;
}
div.contentform div ol li a
{
    vertical-align: middle;
    padding: 7px 5px 0 2px;
}


div.contentform
{
    padding: 10px 0 10px 25px;
}
div.contentform ol li
{
    padding: 5px 0;
    overflow: hidden;
}
div.contentform ol li label
{
    float: left;
    width: 175px;
    padding: 5px 0 0 0;
}
div.contentform ol li > input
{
    float: left;
    width: 246px;
    background: url(../images/textinput.png) no-repeat 0 0;
    border: none;
    padding: 7px 3px;
}

div.contentform ol li > span
{
    float: left;
    border: none;
    padding: 5px 0 0 0;
}

div.contentform ol li input.smallinput
{
    width: 150px;
    background: url(../images/smalltextinput.png) no-repeat 0 0;
}
div.contentform ol li div#uniform-statusselet
{
    position: relative;
    width: 183px;
    float: left;
}
div.contentform ol li div#uniform-statusselet span
{
    background: url(../images/smallselect.png) no-repeat 0 0;
    display: block;
    padding: 5px 0 5px 5px;
}
div.contentform ol li div#uniform-statusselet select
{
    top: 5px;
    left: 0;
    position: absolute;
    width: 183px;
    padding: 5px 0 5px 5px;
}
div.contentform form ol li div#uniform-documenttype
{
    position: relative;
    width: 449px;
    float: left;
}
div.contentform ol li div#uniform-documenttype span
{
    background: url(../images/longselect.png) no-repeat 0 0;
    display: block;
    padding: 5px 0 5px 5px;
}
div.contentform ol li div#uniform-documenttype select
{
    top: 5px;
    left: 0;
    position: absolute;
    width: 449px;
    padding: 5px 0 5px 5px;
}
div.contentform ol li a
{
    vertical-align: middle;
    padding: 7px 5px 0 2px;
}






div.result
{
    padding: 20px 0 0 0;
    position: relative;
    width: 740px;
}

div.result h4
{
    font-size: 12px;
    color: #666666;
    font-weight: bold;
    padding: 0 0 0 5px;
}


table.result
{
    width: 740px;
    border-collapse: collapse;
    color: #5c676b;
}
table.result thead
{
    height: 39px;
}
table.result thead th
{
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 110%;
    border-right: 1px solid #FFF;
    background: url(../images/searchresulttopbg.png) no-repeat -20px 0;
}
table.result thead th.first
{
    background: url(../images/searchresulttopbg.png) no-repeat 0 0;
}
table.result thead th.last
{
    border: none;
    background: url(../images/searchresulttopbg.png) no-repeat 100% 0;
}
table.result tbody tr td
{
    padding: 8px 5px;
    border: 1px solid #e1e1e1;
    text-align: center;
    background: url(../images/searchresultcontentbg.png) repeat-y -30px 0;
}
table.result tbody tr td.first
{
    border-left: none;
    padding: 8px;
    background: url(../images/searchresultcontentbg.png) repeat-y 0 0;
}
table.result tbody tr td.last
{
    border-right: none;
    background: url(../images/searchresultcontentbg.png) repeat-y 100% 0;
}

div.result div.tablefooter table
{
    width: 740px;
}

div.result div.tablefooter table td
{
    background: url(../images/searchresultbottombg.png) repeat-y -30px 0;
    height: 46px;
    position: relative;
}

div.result div.tablefooter table td.first
{
    background: url(../images/searchresultbottombg.png) repeat-y 0 0;
    height: 46px;
    position: relative;
}

div.result div.tablefooter table td.last
{
    background: url(../images/searchresultbottombg.png) repeat-y 100% 0;
    height: 46px;
    position: relative;
}

div.result div.tablefooter a
{
    position: absolute;
    display: block;
    width: 110px;
    background: url(../images/removeauditorsbutton.png) no-repeat 0 0;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 0;
    right: 20px;
    top: 10px;
}

div.result a.add
{
    float: right;
    width: 85px;
    background: url(../images/addauditorsbutton.png) no-repeat 0 0;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 0;
    margin: 0 20px 0 0;
}




div.bottomform a
{
    float: right;
    display: block;
    position: relative;
    top: 25px;
    width: 76px;
    height: 24px;
    background: url(../images/searchbutton.png) no-repeat 0 0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    padding: 3px 2px 0px 2px;
}

div.bottomform a.big
{
    width: 160px;
    background: url(../images/searchbuttonbig.png) no-repeat 0 0;
}







.BuildInfoClass
{
    font-size: x-small;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color: #8B8B8B; /*#3a4f63;*/
    background: #999; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B8B8B', endColorstr='#5F5F5F'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8B8B8B), to(#5F5F5F)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #8B8B8B,  #5F5F5F); /* for firefox 3.6+ */
    width: 100%;
}

div.hideSkiplink > a
{
    display: none;
}

div.NAVMENU
{
    font-size: 11px;
    padding: 0px 0px 0px 0px;
    width: 960px;
    background-color: #8B8B8B;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8B8B8B', endColorstr='#5F5F5F'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8B8B8B), to(#5F5F5F)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #8B8B8B,  #5F5F5F); /* for firefox 3.6+ */
    z-index: 1000;
}

div.NAVMENU ul
{
    background-color: #8B8B8B;
    list-style: none;
    margin: 0px; /*padding: 3px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 3px;
    padding-right: 3px;
    width: auto;
    z-index: 1000;
}

div.NAVMENU ul li a, div.menu ul li a:visited
{
    background-color: #8B8B8B; /*border-left: 1px #5F5F5F solid;*/ /*border-right: 1px #5F5F5F solid;*/
    color: white;
    display: block; /*line-height: 1.35em;*/
    padding: 3px 8px 3px;
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
}

div.NAVMENU li.dynamic
{
    z-index: 1000;
}

div.NAVMENU ul li a:hover
{
    background-color: #8B8B8B; /* #2F3B6B;*/
    color: #FEAC58;
    text-decoration: none;
    filter: none;
}

div.NAVMENU ul li a:active
{
    background-color: #8B8B8B; /*#465c71;*/
    color: white;
    text-decoration: none;
}


/* Name Value Style   
----------------------------------------------------------*/

.NameValueStyle
{
    float: right;
    width: 290px;
    color: #575757;
    padding: 50px 0 20px 0;
}

.NameValueStyle li
{
    padding: 5px 0 0 0;
    overflow: auto;
}
.NameValueStyle li label
{
    float: left;
    width: 60px;
    padding: 5px 0 0 0;
}
.NameValueStyle li input
{
    border: 1px solid #dcdee0;
    padding: 3px 0;
    width: 145px;
}
/*
	#homeaside form input.submit {
		width:78px;
		background:url(../images/bluebutton.png) no-repeat 0 0;
		border:none;
		color:#FFFFFF;
		font-size:11px;
		padding:5px 0;
		margin:5px 0 0 125px;
		cursor:pointer;
	}
	#homeaside ul.quicklinks {
			
	}
	#homeaside ul.quicklinks li a {
		text-decoration:none;
		color:#575757;
		padding:0 0 0 15px;
		background:url(../images/bulletarrow.png) no-repeat 0 50%;
	}
	#homeaside p {
		padding:0 60px 0 0;
		line-height:120%;
	}
*/



/* Progress Bar Style   
----------------------------------------------------------*/
.ProgressBarClass
{
    float: left;
    padding: 7px 0px 7px 0px;
    width: 100%;
    background-color: #f5f5f5;
}

.ProgressBarClass li
{
    /*     float: right;     display: inline-block;     */
    display: inline; /*padding: 7px 7px 7px 15px;*/
    margin: auto auto auto auto; /*background-image: url('../Images/ProgressBar.png');*/
    background-repeat: no-repeat;
    background-position: right;
    line-height: 175%; /*font-weight: bold;*/
    position: relative;
}

.ProgressBarClass li span
{
    /*display: inline;*/
    padding: 7px 7px 7px 12px;
    margin: auto auto auto auto;
    font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
    line-height: 175%; /*font-weight: bold;*/
    background-color: #f5f5f5;
    color: #bbb;
}

.ProgressBarClass li.complete
{
    /*background-image: url('../Images/ProgressBarComplete.png');*/
    font-weight: bold;
}

.ProgressBarClass li.complete > span
{
    background-color: #E6EFC2;
    color: #529214;
}

.ProgressBarClass li.current
{
    /*background-image: url('../Images/ProgressBarCurrent.png');*/
    font-weight: bold;
}

.ProgressBarClass li.current > span
{
    background-color: #dff4ff;
    color: #336699;
}



.ProgressBar > .Arrow
{
    display: inline;
    width: 30px;
    float: left;
    text-align: center;
    position: relative;
    top: 9px;
}

.ProgressBarStepContainer
{
    display: inline;
    width: 100px;
    float: left;
    text-align: center;
}

.ProgressBarStepContainer > .Step
{
    /*display:block;     float:left;*/
    margin: 0 auto 0 auto;
    background-color: #f5f5f5;
    border: 3px dotted #eee;
    font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 175%;
    text-decoration: none !important;
    font-weight: bold;
    color: #565656; /*#565656;*/
    padding: 2px 6px 3px 3px; /* Links */
    width: 30px;
    text-align: center;
}

.ProgressBarStepContainer.Complete > .Step
{
    background-color: #E6EFC2;
    border: 3px dotted #C6D880;
    color: #529214;
}

.ProgressBarStepContainer.Current > .Step
{
    background-color: #dff4ff;
    border: 3px double #c2e1ef;
    color: #336699;
}

.ProgressBarStepContainer > .StepText
{
    color: Black;
}




/* Message Style   
----------------------------------------------------------*/
.error
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #FF0000;
}
.informationCss
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: blue;
}
.messageInfo div
{
    font-size: 11px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #39600B;
    border-spacing: 0px;
    padding: 4px;
    padding-left: 24px;
    width: 97%;
    color: #39600B;
    vertical-align: middle;
    background: #D1EFB6 url(Images/checkmark.gif) no-repeat 3px 2px;
}
.messageWarning div
{
    font-size: 11px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #192F38;
    border-spacing: 0px;
    padding: 4px;
    padding-left: 24px;
    width: 97%;
    color: #996600;
    vertical-align: middle;
    background: #ffff99 url(Images/info.gif) no-repeat 3px 2px;
}

.messageError div
{
    font-size: 11px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #990000;
    border-spacing: 0px;
    padding: 4px;
    padding-left: 24px;
    width: 97%;
    color: #990000;
    vertical-align: middle;
    background: #ffcccc url(Images/exclaim.gif) no-repeat 3px 2px;
}


.messagePrompt
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #08456b;
    text-align: left;
}

.messageDetail
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #08456b;
    text-align: left;
    font-size: 90%;
}

/*******************************************************/
.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

/************************************/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 1px;
    border-color: Gray;
    -moz-border-radius: 5px;
    border-style: solid;
    border-color: Gray;
    min-width: 200px;
    max-width: 400px;
    min-height: 100px;
    max-height: 200px;
    top: 100px;
    left: 150px;
}




/* BUTTON STYLING */

.buttonClass
{
    /*display:block;     float:left;*/
    margin: 0 0 0 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    line-height: 175%;
    text-decoration: none !important;
    font-weight: bold;
    color: #565656; /*#565656;*/
    cursor: pointer;
    padding: 2px 6px 3px 3px; /* Links */
}

.buttonClass:link
{
    color: #336699;
}

.buttonClass:visited
{
    color: #336699;
}

/* STANDARD */
.buttonClass:hover
{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}

.buttonClass:active
{
    background-color: #6299c5;
    border: 1px solid #6299c5;
    color: #336699 !important;
}
/* POSITIVE */

.buttonClass.positive
{
    color: #529214;
}

.buttonClass.positive:hover
{
    background-color: #E6EFC2;
    border: 1px solid #C6D880;
    color: #529214;
}
.buttonClass.positive:active
{
    background-color: #529214;
    border: 1px solid #529214;
    color: #fff;
}
/* NEGATIVE */

.buttonClass.negative
{
    color: #d12f19;
}

.buttonClass.negative:hover
{
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}

.buttonClass.negative:active
{
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}


/* Booking */
.Booking_Unavailable
{
    background-color: #11111;
}



.Booking_Available
{
    background-color: Green;
}

.Booking_Booked
{
    background-color: Yellow;
}

.Booking_Unavailable > a
{
    display: none;
}

.Booking_Available > a
{
    text-decoration: none;
}

.Booking_Booked > a
{
    text-decoration: none;
}

.Booking_Unavailable #bookingdetails
{
}

.Booking_Available #bookingdetails
{
    display: none;
}

.Booking_Booked #bookingdetails
{
}

.Booking_Unavailable > div
{
}

.Booking_Available > div
{
    display: none;
}

.Booking_Booked > div
{
    display: none;
}

/*CUSTOM*/

.TableHeader
{
    color: #000080; /*#FFFFFF;*/
    text-align: left;
    font-weight: bold;
    background: #2F3B6B; /*#336699;*/
}

.TableHeaderRight
{
    text-align: right;
    vertical-align: super;
}

.TableHeaderRow
{
    text-align: left;
    font-weight: bold;
    background: #DBE7F2;
}

.TableRow
{
    text-align: left;
    vertical-align: top;
}

.TableAlternateRow
{
    text-align: left;
    vertical-align: top;
    background: InactiveCaption;
}


.FormFieldCol
{
    width: 150px;
    text-align: right;
    vertical-align: top;
}

.Form
{
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.ReadOnly
{
    background-color: Silver;
}

table.BlackTableBorder
{
    border: 1px solid black;
}

table.BlackTableBorder > tr > td
{
    border: 1px solid black;
}


.rightTd
{
    text-align: right;
    height: auto;
    width: 210px;
    vertical-align: top;
}
.leftTd
{
    text-align: left;
    height: auto;
    width: 150px;
    vertical-align: top;
}
.mandatory
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
    color: #FF0000;
}
.TableCellSpacing
{
    width: 100%;
    height: 10px;
    border: 0px;
    background-color: #F6FBF4;
}

.ButtonSetAlignCenter
{
    text-align: center;
}

.ListBox
{
    border-color: #dbdbdb;
    border-width: 1px;
    border-style: solid;
    height: 100px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 100%;
}

.titleHeader
{
    font-size: small;
    font-family: Verdana, Arial, Helvetica,sans-serif;
    color: #0041cb;
    font-weight: bold;
}
.noticeHeader
{
    font-size: x-small;
    font-family: Verdana, Arial, Helvetica,sans-serif;
    color: #000099;
}
.footnote
{
    font-size: xx-small;
}

.searchForm, .searchForm input
{
    font-size: 1em;
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-color: #FFFFFF;
}
.searchForm input
{
    border: 01px;
    padding: 2px 2px 2px 2px;
}
/*New CSS*/
th.containerL
{
    width: 18px;
    height: 53px;
    line-height: 53px;
    background: url(../images/topForm_L.png) no-repeat;
}
th.containerM
{
    width: 800px;
    height: 53px;
    line-height: 53px;
    text-align: left;
    background: url(../images/topForm_M.png) repeat;
}
th.containerM h3
{
    padding-left: 18px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
}
th.containerR
{
    width: 15px;
    height: 53px;
    line-height: 53px;
    background: url(../images/topForm_R.png) no-repeat;
}

td.row_L
{
    width: 200px;
    text-align: left;
    padding-left: 18px;
    font-family: Tahoma;
    font-size: 13px;
}
td.row_M
{
    color: #5c676b;
}
td.row_R
{
    color: #5c676b;
}
tr.row
{
    background: url(../images/formmid.png) repeat;
    color: #5c676b;
}


/* Custom MAS */
ul#subitems
{
    bottom: 0px;
    top: 200px;
}

ul#subitems li
{
    margin-left: 3px;
    width: 151px;
}

#footer
{
    min-height: 207px;
}

#main-content
{
    min-height: 300px;
}

#header
{
    margin-bottom: 0px;
}

.col1#features-bottom
{
    float: right;
    width: 30%;
    margin-bottom: 0px;
}

.col2.latest-news
{
    width: 66%;
}

#header-right .menu a:visited
{
    background-color: transparent;
}

#header-right .menu a:hover
{
    background-color: transparent;
}
#header-right .menu a:active
{
    background-color: transparent;
}

.static
{
    filter: none !important;
}

div.NAVMENU
{
    background-color: #012d6b;
    filter: none;
    background: none; /* for webkit browsers */
    background: none; /* for firefox 3.6+ */
}

div.NAVMENU ul
{
    background-color: #012d6b;
}

div.NAVMENU > ul > li > a
{
    text-transform: uppercase;
}
div.NAVMENU ul li a, div.menu ul li a:visited
{
    background-color: #012d6b;
}

div.NAVMENU li.dynamic
{
}

div.NAVMENU ul li a:hover
{
    background-color: #e7eaeb;
    color: #29409d;
}

div.NAVMENU ul li a:active
{
    background-color: #012d6b;
}

#breadcrumbs
{
    padding-bottom: 10px;
}

#content
{
    width: inherit;
    padding-bottom: 0px;
    float: none;
}

#title_view
{
    border-width: 0px !important;
    background-image: none !important;
    line-height: 1.5em;
    font-size: 1.2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    font-family: Arial, Helvetica, sans-serif !important;
}

.ProgressBarClass
{
    line-height: 1.5em;
    font-size: 1.2em;
}

.table_bkg
{
    background-color: inherit !important;
}


.languagetext a:active, .languagetext a:visited, .languagetext a:link
{
    color: #8C6111 !important;
}

#related-sites-inner
{
    width: 960px !important;
}

.CIS_X_QN_HIGHLIGHT
{
    /*background-color:Lime;*/
}

.CIS_X_QN_ViewOnlyCSS_HIGHLIGHT
{
}

.CIS_X_QN_NO_HIGHLIGHT
{
}
.CIS_X_QN_ViewOnlyCSS_NO_HIGHLIGHT
{
}
