/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #FFFFFF;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 5px;
    padding: 0px;
    /*color: #696969;*/
    color: #303030;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.em;
    color: #303030;
    /*font-variant: small-caps;*/
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.8em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
    z-index:2;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    position:relative;
    z-index:1
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

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

.PanelAccountInfo
{
    margin-right:5px;
}

.PanelContactInfo
{
    float:right;
    margin-left:5px;
}

.error
{
    padding-bottom:10px;
}

.darkrow
{
    background-color: #E8E8E8;
}

.buttonSearch
{
    margin-left:15px;
}

.lang
{
    float:right;
    font-weight:bold;
}

#expiredUdost
{
    color: #FF9933 !important;
}

#versionInfo
{
   
}

.altTemp1
{
    background-color:#E5E4E2;
}

.altTemp2
{
    background-color:#C2DFFF;
}

.mandatoryField
{
    color:Red;
    font-weight:bold;
}

.alternatingColor
{
    background-color: #E8E8E8;
}

.warning
{
    border: 1px solid !important;
    margin: 10px 0px !important;
    padding:15px 10px 15px 50px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    color: #D8000C !important;
    background-color: #FFBABA !important;
    background-image: url('../Images/warning.png');
    border-radius:10px;
    font-weight:bold;
}

.success
{
    border: 1px solid !important;
    margin: 10px 0px !important;
    padding:15px 10px 15px 50px !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    color: #4F8A10 !important;
    background-color: #DFF2BF !important;
    background-image: url('../Images/success.png');
    border-radius:10px;
    font-weight:bold;
}

.hyperLinkContacts
{
    margin-right:5px;
}

.ui-autocomplete 
{ 
    height: 200px; 
    overflow-y: scroll; 
    overflow-x: hidden;
    width: 400px;
}

.autocompleteFields
{
    width:260px;
}

.memory 
{
    display:none;
}

.full_info
{
    font-weight:bold;
    color:Red;
}

.alt_row
{
    background-color:#ededed;
    padding:3px;
}

.office_row
{
    padding:3px;
}

.mGrid .rgDataDiv
{
    width : 70% !important ;
}

body{margin:0px;}
#MainContent_PanelFilter{width:100%; overflow:hidden;}

.branding{width:100%; text-align:center;}
.branding img{width:100%; height:auto; max-width:260px;}

.header{width:100%; padding:5px 0;}
.header img{width:100%; height:auto; display:block;}

.clear{float:none; clear:both;}
.col-2{width:10%;}
.col-3{width:23%; float:left; padding:5px 1%;}
.col-4{width:31%; float:left;padding:5px 1%;}
.col-6{width:48%; float:left; padding:5px 1%;}
.align-center{margin:0 auto; float:none;}



h1{color:#003d7d; text-align:center; font-size:20px; font-weight:normal; margin:20px 0;}

fieldset{border:solid 1px #ebebeb; margin:0 0 10px; border:none; padding:0px;}
fieldset table{width:100%;}
fieldset legend{ display:none; text-align:center; margin:0 0 0 44%; padding:2px 10px;} 
input.find, select.find{ padding:5px 5px; 
            border:1px solid #072146 !important;
            resize:none;
            background:none;
            position:relative;
			width:96% !important;
			transition:all 0.25s linear;
			-webkit-transition:all 0.25s linear;
			-ms-transition:all 0.25s linear;
			-o-transition:all 0.25s linear;
}

select.find{width:98.7% !important;}


.col-6 .RadComboBox.RadComboBox_Default, .col-4 .RadComboBox.RadComboBox_Default{width:100% !important;}
#MainContent_PanelFilter .col-6 input, #MainContent_PanelFilter  .col-4  input, #MainContent_PanelFilter  .col-3  input{
			width:100% !important;
			padding:5px 5px !important; 
            border:1px solid #072146 !important;
            resize:none;
            background:none;
            position:relative;
			width:97% !important;
			transition:all 0.25s linear;
			-webkit-transition:all 0.25s linear;
			-ms-transition:all 0.25s linear;
			-o-transition:all 0.25s linear;
			height:17px;
			line-height:normal;
}
.rdfd_{display:none;}
input.find[type=submit], #MainContent_PanelFilter input[type=submit]
        {
            background:#072146;
            border:none;
            padding:5px; 
            width:100% !important;
            color:#fff;
			text-transform:uppercase;
			cursor:pointer;
			height:30px;
        }
.small-input{width:20%; float:left;position:relative}
.medium-input{width:76%;float:left; padding:0 0 0 3%;}
#MainContent_PanelFilter .col-6 input[type=submit]{width:100% !important; margin:0px !important;}

#MainContent_PanelFilter .RadComboBox .rcbArrowCell a, .RadComboBox .rcbReadOnly td.rcbArrowCell a{ height:24px !important; width:20px !important; padding:2px 2px 1px 2px;border:1px solid #072146 !important; background:#072146 url(../Images/select.png) 8px 11px no-repeat;}

.RadComboBox_Default .rcbInputCellLeft, .RadComboBox_Default .rcbInputCellRight, .RadComboBox_Default .rcbArrowCellLeft, .RadComboBox_Default .rcbArrowCellRight{background:none !important; }

.rgCommandTable tr td, .RadGrid_Simple .rgCommandCell{background:#072146; border:solid 1px #072146 !important;}
.RadGrid.RadGrid_Simple{margin:5px;}

.RadGrid_Simple .rgAltRow td{background:#abccff;}
.RadGrid_Simple .rgHeader, .RadGrid_Simple th.rgResizeCol{background:#4b6c9e !important; color:#fff !important;}
.RadGrid_Simple .rgHeader, .RadGrid_Simple .rgHeader a{color:#fff !important;}
.RadGrid_Simple th.rgSorted, .RadGrid_Simple th.rgSorted a{background:#b3b845 !important;}
.RadGrid_Simple .rgRow .rgSorted{background:#d9df5b !important}
.RadGrid_Simple .rgAltRow .rgSorted{background:#b7be23 !important}

.half-select .col-first{width:48% !important;  float:left;}
.half-select .col-last{width:48% !important;  float:right;}



		
		
	@media
	only screen and (max-width: 690px),
	(min-device-width: 200px) and (max-device-width: 690px)  {
	
	
	.col-2{width:50%;}
	.col-3, .col-4, .col-6 {width:98%; position:relative}
	.RadComboBox table td.rcbInputCell{width:94% !important;}
	.RadComboBox table td.rcbArrowCell{width:20% !important;}
	
	.RadGrid.RadGrid_Simple{width:100% !important; overflow:scroll;}
	
	#MainContent_PanelFilter{width:100%; overflow:hidden;}
	
	}


.taf img
{
   height: 400px;        
} 
     
.tafbtn 
{
    
    text-align:center;
    height:200px;
    width:800px;
    margin:0 auto;
    padding-top:50px;
}

.tafbtn a 
{
    display:inline-block;
    padding: 10px;
    text-decoration:none;
    margin:10px;
    font-weight:bold;
    background-color: #008CBA; 
    color: white; 
    border: 2px solid #008CBA;
    width:600px;
    font-size:20px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888888;
}

.tafbtn a:hover {
    background-color: white;
    color: black;
}