﻿p
{
    font-family:"Open Sans", arial, sans-serif;
    color:#333333;
    font-size:8pt;
}

div
{
    font-family:"Open Sans", arial, sans-serif;
    color:#333333;
}

/*
#sidebar div
{
    color:#F5F5F5;
}

#sidebar p
{
    color:#F5F5F5;
}

#sidebar span
{
    color:#F5F5F5;
}
*/

.label
{
}

.labelWhite
{
    font-size:8pt;
    color:White;
}

.labelRed
{
    color:Red;
}

.textbox
{
	background-image:url(../Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	margin-top:4px;
	font-family:"Open Sans", arial, sans-serif;
}

.textboxWithWidth
{
	background-image:url(../Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	margin-top:4px;
	font-family:"Open Sans", arial, sans-serif;
	width:200px;
}

.dropdown
{
	background-image:url(../Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 230px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	margin-top:4px;
	font-family:"Open Sans", arial, sans-serif;
}

.sbContent .textbox
{
	background-image:url(../Images/form_bg.png);
	background-repeat:repeat-x;
	border:1px solid #ADADAD;
	width: 230px;
	color:#333333;
	padding:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:0px;
	margin:0px;
	font-family:"Open Sans", arial, sans-serif;
	width:100%;
	font-size:8pt;
}

.sbContent h1
{
    font-weight:bold;
        font-size:13px;
}

.sbContent .dropdown
{
	background-image:url(../Images/form_bg.png);
	background-repeat:repeat-x;
	border:1px solid #ADADAD;
	width: 230px;
	color:#333333;
	padding:4px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	width:100%;
}

.button
{
	background-image:url(../Images/button_bg_silver.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #d1c7ac;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
}

.sbContent .button
{
	background-image:url(../Images/button_bg_silver.png);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #d1c7ac;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	cursor:pointer;
}

.sbContent .buttonBlue
{
	background-image:url(../Images/button_bg_blue.png);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	border-color:Black;
	color:#333333;
	color:White;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	cursor:pointer;
}

.sbContent .buttonBlueLight
{
	background-image:url(../Images/button_bg_bluelight.png);
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	border-color:#AECAF0;
	color:#393939;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	width:100%;
	cursor:pointer;
}

.buttonBlue, #ContentPlaceHolder_MainArea_SubmitSecurityQuestionBtn
{
	background-image:url(../Images/button_bg_blue.png);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	border-color:#052449;
	color:#333333;
	color:White;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
}

.dxbButton_buttonBlue
{
	background-image:url(../Images/button_bg_blue.png);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	border-color:#052449;
	color:White;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
}
.buttonBlue span, .dxbButton_buttonBlue span
{
	color: White;
}


.buttonBlueLight
{
	/* make all light blue buttons, standard blue */
	
	background-image:url(../Images/button_bg_blue.png);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	border-color:Black;
	color:#333333;
	color:White;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:"Open Sans", arial, sans-serif;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
}

.calendar
{
 	background-image:url(../Images/form_bg.png);
	background-repeat:repeat-x;
	border:0px solid #d1c7ac;
	color:#333333;
	font-family:"Open Sans", arial, sans-serif;
	text-decoration:none;
	padding:7px;
}

.calendar a
{
	color:#333333;
	font-family:"Open Sans", arial, sans-serif;
	text-decoration:none;
}

.calendarHeader
{
    background-color:Black;
    background-image:url(../Images/cal_days.png);
	background-repeat:repeat-x;
	color:#F5F5F5;
	border:0px;
}

.link
{
    font-family:"Open Sans", arial, sans-serif;
    color:Black;
    text-decoration:none;
}

.link:HOVER
{
    font-family:"Open Sans", arial, sans-serif;
    color:Black;
    text-decoration:underline;
}

#sidebar .link
{
    font-family:"Open Sans", arial, sans-serif;
    color:Black;
    text-decoration:none;
    color:White;
}

#sidebar .link:HOVER
{
    font-family:"Open Sans", arial, sans-serif;
    color:Black;
    text-decoration:underline;
    color:White;
}

/*Loading Model */
.panel
{
    display: none;
}
        
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.40;
}
.modalBox
{
    /* background: #e2e2e2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    border-style:solid;
    border-color:#999;
    border-width:1px;    
    */
    width:400px;
    padding:16px;
    float:left;
    background:#333;
    -moz-box-shadow:    0px 0px 45px 4px #888;
    -webkit-box-shadow: 0px 0px 45px 4px #888;
    box-shadow:         0px 0px 45px 4px #888;
    border-radius:4px;
    background-color:#193049;
    font-family:"Open Sans", Arial, Verdana;


}

.modalText
{
    padding-top:5%;
    padding-left:10%;
    padding-right:10%;
    text-align:center;
    width:80%;
    font-size:11pt;
    margin:auto;
    float:left;
    color:#fff;
	background-color:#45576b;
    font-family:"Open Sans", Arial, Verdana;
}
.modalBoxold
{

    background-image:url(../Images/modalbg.png);
    width:456px;
    height:144px;
    padding-left:40px;
    padding-top:40px;
    margin:auto;
}

.modalTextold
{
    padding: 8px;
    width:400px;
    font-size:11pt;
    margin-top:10px;
}

 h1
    {
        color:#333333;
	    font-family:"Open Sans", arial, sans-serif;
	    text-decoration:none;
	    padding:14pt;
	    font-weight:lighter;
	    margin:0px;
	    padding:0px;
	    float:left;
    }
    
h2
    {
        color:#333333;
        font-family:"Open Sans", arial, sans-serif;
        text-decoration:none;
        font-weight:bold;
        margin:0px;
        padding-top:10px;
        padding-bottom:10px;
        float:left;
        font-size:13pt;
        clear:both;
    }
    
    p
    {
        clear:both;
    }
    
    .clearDiv
    {
        clear:both;
    }
    
    .sideLink
    {
        color:Black;
        padding:10px;
        padding-bottom:0px;
        float:left;
    }
    
     .sideLinkGroup
    {
        color:Black;
        padding-top:10px;
        padding-bottom:0px;
        float:left;
        width:96%;
    }
    
      .sideLinkGroup input[type="text"]
    {
       font-size:8pt;
       float:left;
    }
    
    .sideLinkGroup input[type="checkbox"]
    {
      float: left;
        margin-left: 80px;
        margin-top: -14px;
    }
    
     .sideLinkGroup table
    {
       width:155px;
       
    }
    
     .sideLinkGroup label
    {
        color:Black;
        padding-left:10px;
        padding-top:3px;
        padding-bottom:0px;
        float:left;
        width:70px;
        font-size:8pt;
    }
    
    .sideLinkSOS
    {
        color:Red;
        font-weight:bold;
        padding:10px;
        padding-bottom:0px;
        float:left;
        text-decoration: underline;
        cursor:pointer;
    }
    
    .dxeHyperlink_sideLink
    {
        color:Black;
        padding:10px;
        padding-bottom:0px;
        float:left;
        text-decoration: underline;
        cursor:pointer;
    }

    .dxeHyperlink_sideLink:HOVER
    {
        color:Black;
        padding:10px;
        padding-bottom:0px;
        float:left;
        text-decoration:none;
    }    
    
    .sideLinkDocXLSX
    {
        color:Black;
        padding:1px 0px 3px 20px;
        margin: 3px 0px 1px 5px;
        float:left;
        background-image:url(../Images/icons/xlsx.png);
        background-repeat:no-repeat;
    }

    .sideLinkDocXLS
    {
        color:Black;
        padding:1px 0px 3px 20px;
        margin: 3px 0px 1px 5px;
        float:left;
        background-image:url(../Images/icons/xls.png);
        background-repeat:no-repeat;
    }
    
    .sideLinkDocCSV
    {
        color:Black;
        padding:1px 0px 3px 20px;
        margin: 3px 0px 1px 5px;
        float:left;
        background-image:url(../Images/icons/csv.png);
        background-repeat:no-repeat;
    }   
    
    .sideLinkDocXLSX:HOVER
    {
        text-decoration: none;
    }
    
    .sideLinkDocXLS:HOVER
    {
        text-decoration: none;
    }
    
    .sideLinkDocCSV:HOVER
    {
        text-decoration: none;
    }
            
    .sideLink:HOVER
    {
        color:Black;
        padding:10px;
        padding-bottom:0px;
        float:left;
        text-decoration:none;
    }
    
     .RowDataGroup
    {
        color:Black;
        padding-top:0px;
        padding-bottom:10px;
        float:left;
        width:96%;
        font-size:8pt;
    }
    
     .RowDataGroupColumns
    {
        color:Black;
        float:left;
        width:99%;
    }
    
    
     .RowDataGroupCol1
    {
        color:Black;
        float:left;
        width:31%;
    }
     .RowDataGroupCol2
    {
        color:Black;
        float:left;
        width:31%;
    }
     .RowDataGroupCol3
    {
        color:Black;
        float:right;
        width:31%;
    }

    .clockText
    {
	    color: #FFFFFF;
	    font-family: "Open Sans", arial, sans-serif;
	    font-size: 11px;
	    float: right;
	    padding-right:3px;
    }

    .clockTime
    {
	    color: #FFFFFF;
	    font-family:"Open Sans", arial, sans-serif;
	    font-size: 11px;
	    text-align: left;
	    padding-right:3px;
        float:right;
    }
    
    .clockSpace
    {
        width:15px;
    }
    
    .rlBox
    {
        width: 20px;
        height: 33px;
        float: left;
        padding: 1px;
        margin: 1px;
        border-width: 1px;
        border-color: #828282;
        border-style: solid;
        background-color: White;
    }
    
    #rlBox1
    {
        background-image: url(../Images/risk/1.png);
        width:20px;
        height:18px;
    }
    
    .rlImage
    {
        background-repeat: no-repeat;
        background-position: top;
        width: 20px;
        height: 12px;
        padding-top: 2px;
        background-color: White;
        margin-top: 1px;
        text-align: center;
        font-size: 7pt;
        border-width: 0px;
        border-top-width: 1px;
        border-style: solid;
        border-color: #828282;
    }
    
    #rlImage1
    {
        background-image: url(../Images/risk/1bg.png);
        width:20px;
        height:12px;
    }
    
    #rlImage2
    {
        background-image: url(../Images/risk/2bg.png);
    }
    
    #rlImage3
    {
        background-image: url(../Images/risk/3bg.png);
    }
    
    #rlImage4
    {
        background-image: url(../Images/risk/4bg.png);
    }
    
    #rlImage5
    {
        background-image: url(../Images/risk/5bg.png);
    }
    
    .sideboxSearchLegend
    {
        width: 27px;
        height: 33px;
        float: left;
        padding: 1px;
        margin: 1px;
        border-width: 1px;
        border-color: #828282;
        border-style: solid;
        background-color: White;
    }
    
    .commsLabelTitle
    {
        float:left;
        width:95px;
        font-weight:bold;
        font-size:8pt;
        padding-top:10px;
    }
    
    .commsElement
    {
        float:left;
    }
    
    #recaptcha_image img
    {       
        width:208px;
        height:40px;
    }
    
    .radioButton
    {
        font-size:8pt;
    }

/* Change Password */
.changePassword
{
	font:"Open Sans", arial, sans-serif;
	background-color: #2c4569;
	color: White;
	padding: 4px;
	border-spacing: 4px;
	table-layout: inherit;
	empty-cells: show;
	caption-side: bottom;
	line-height: inherit;
	text-align:left;
	text-indent: inherit;
	vertical-align:middle;
    border-radius: 8px;
}
.changePassword_title
{
    color:#333333;
	font-family:"Open Sans", arial, sans-serif;
	text-decoration:none;
	padding:14pt;
	font-weight:lighter;
	margin:0px;
	padding:0px;
	float:left;
	color:white;
	font-size:16pt;
	padding-bottom:10px;
}
.changePassword_instructions
{
    font-size: 10pt;
    text-align: left;
    padding: 10px;
}
.changePassword_error
{
    text-align: left;
    margin-top:7px;
    font-size:9pt;
    color:Red;
}
.changePassword_label_old
{
	float:left;
	padding-top: 4px;
    padding-left:70px;
    padding-right:20px;
    padding-bottom:4px;
    vertical-align: middle;
}
.changePassword_label
{
    
}

.changePassword_text
{
	float:left;
}
.changePassword_validator
{
    margin-top:7px;
    font-size:9pt;
    padding:4px;
    padding-top:4px;
    padding-left:4px;
    padding-right:70px;
    padding-bottom:4px;
    color:Red;
	vertical-align:middle;    
    display:none;
}

.preview
{
    width: auto!important;
    margin-top: 8px;
    float: left;
}
 
.left
{
            float: left;
}
 
.clear
{
    clear: both;
}
 
#groupingDefinition .selectors
{
    clear: both;
    float: left;
}
 
#groupingDefinition .ddl
{
            float: left;
            margin: 0 0 0 10px;
}
 
#groupingDefinition .actionButtons
{
    margin: 10px 0 20px;
}


/*
HRD Configuration
*/
.HRDConfiguration .addNew
{
     margin-top: 25px;
     float: left;
}
.HRDConfiguration .riskLevel
{
     margin-top: 15px;
     float: left;
}
.HRDConfiguration .riskLevel .dropDown
{
    float: left;
    clear: left;
}
.HRDConfiguration .riskLevel .dropDown label, .HRDConfiguration .riskLevel .dropDown select
{
    float: left;
}
.HRDConfiguration .riskLevel .dropDown label
{
    padding-top: 9px;
}
.HRDConfiguration .riskLevel .dropDown select
{
    margin-left: 20px;
}
.HRDConfiguration .riskLevel .buttonBlue
{
    margin-top: 10px;
    float: left;
    clear: left;
}

/*Country Details specific*/

.countryDetails p, .countryDetails h1, .countryDetails h2, .countryDetails h3, .countryDetails li, .countryDetails span {
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails > .x_MsoNormal > strong > span > font > font
{
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails .x_MsoNormal font
{
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails font
{
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails span {
    width: 100%;
    /*display: block;*/
    float: none;
}

.countryDetails font{
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails p > font > font{
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails a, .countryDetails a > font {
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
    text-decoration: underline;
}

.countryDetails ul {
    float: none;
}

#content_padder h1 {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-bottom:12px;
    clear: left;
    font-weight:normal;
    color: #9EA7B3 !important;
    font-size: 16px;
    text-transform:uppercase;
    font-family: "Open Sans", arial, sans-serif!important;
    border-bottom:1px solid #ddd;
    float:none;
}

.countryDetails h2 {
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 0;
    float: none;
    clear: left;
}

.countryDetails h3 {
    margin: 0;
    margin: 12px 0 12px 0;
    float: none;
    padding: 0;
    float: none;
    clear: left;
    text-transform: capitalize;
}

.countryDetails h3:first-letter {
    text-transform: capitalize;
}

.countryDetails > div > h3 {
    margin-bottom: 9px;
}

.countryDetails > h3, .countryDetails > h4, .countryDetails > h1 {
    float: none;
} 

.countryDetails .datasourceCatType_ForeignTravelAdvice h2
{
    text-transform:inherit; 
    font-weight: bold;
}  

.countryDetails > h3 > font, .countryDetails > h4 > font, .countryDetails > h1 > font {
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails h3 > span font{
    border:0px !important;
    color: #333333;
}

.countryDetails > font {
    color: #333333;
    font-size: 10pt;
    font-family: "Open Sans", arial, sans-serif!important;
}

.countryDetails li {
    font-family: "Open Sans", arial, sans-serif!important;
    color: #333333;
    font-size: 10pt!important;
    padding-bottom:5px;
}

.countryDetails li > font{
    font-family: "Open Sans", arial, sans-serif!important;
    color: #333333;
    font-size: 10pt!important;
}

.countryDetails > p, .countryDetails > p > font {
    padding:0px;
    padding-top:6px;
    padding-bottom:6px;
    font-family: "Open Sans", arial, sans-serif!important;
    color: #333333;
    font-size: 10pt!important;
}

.countryDetails > p > font {
    padding:0px;
}

.countryDetails > a {
    color: #454D57;
}

.countryDetails table{
    border:0px;
}

.countryDetails p
{
    width: 100%;
    padding: 0;
    margin: 11px 0 13px 0!important;
    float: none;
    display: block;
    clear: none;
    font-family: verdana;
}

.countryDetails > p > span > font, .countryDetails > p > span > font > font, .countryDetails > p > span font{
    font-family: "Open Sans", arial, sans-serif!important;
    color: #333333;
    font-size: 10pt!important;
}

.countryDetails p > strong > font {
    font-family: "Open Sans", arial, sans-serif!important;
    color: #333333;
    font-size: 10pt!important;
}

/*End Country Details specific*/
.countryDetails span
{
    float:left;
    clear:both;
    font-family: arial!important;
    font-size: 10pt!important;

}
.countryDetails
{
    font-family: arial!important;
}





.Header {
    font-size:100% !important;
}


#ContentPlaceHolder_MainArea_UserChangePassword {
    border:solid 1px #ddd;
}

#WorldView {
    position: absolute!important;
    left: 45px!important;
    top: 5px!important;
}
