@import url(/s/resources/css/appstyles.css);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);

/* General Style
---------------------------------------------*/

body{margin:0;padding:0;font:16px/1.5em 'Ubuntu',Arial, Helvetica, sans-serif; background:#e5e5e5; color:#666;}

div, section, header, footer {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mastWrap{ margin:0; padding:0; width:100%;}
.cntrWrap{width:450px;margin:0 auto; background:#fff;-webkit-border-radius: 4px; border-radius: 4px;-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, .3); box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, .3);}
.fltFix{width:100%;}

a { color: #449dd2; text-decoration: none; outline:none; }
a:hover { color: #449dd2; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
h1, .PageTitleHeader {font-size:1.25em; text-transform:uppercase;}
h2, .PageSubTitleHeader {font-size:1.1em; }
h3 {font-size:1em;}
p {margin:5px 0 20px;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#70a533!important;}
.expand img {background-color: #70a533!important;}
.expand {background-color: #70a533!important;}
.Error,.error {width:auto!important}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}


/* HEAD ELEMENTS
---------------------------------------------*/
header.structHead {margin:0; padding:15px 20px 10px; float:left;width:100%;background: #474747;}
header.structHead img {max-width: 275px;}

#ContentMemberTools {float:left;margin:0px;padding:5px 0;display:none;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {border-left:1px solid #000000;float:left;padding:0 10px;}
#ContentMemberTools li:first-child {border-left:medium none;}
#ContentMemberTools a {color:#000000;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* LEFT COLUMN
---------------------------------------------*/

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0; float:left; width:100%;}

.structBody section.MidWrap {margin:0; padding:20px; float:left; width:100%;}
.structBody #ContentMiddle {margin:0; padding:0; float:left;width:100%}

#divESK {font-size:14px!important;}

#divLogin {}
#divLogin .LoginTopMargin {font-size:0.8em; }
#divLogin #divUsername label,
#divLogin #divPassword label {text-transform:uppercase;}
#divLogin #divUsername input,
#divLogin #divPassword input {background:#f7f7f7!important;border:1px solid #cccccc;-webkit-border-radius: 4px; border-radius: 4px; padding:5px;font-family:'Ubuntu',Arial, Helvetica, sans-serif; font-size:1.3em;width:60%;}
#divLogin .LoginLeftMargin {}
#divLogin #divLoginButton .LoginLeftMargin {display:none;}
input.button {background: rgb(134,198,230); /* Old browsers */
background: -moz-linear-gradient(top, rgb(134,198,230) 0%, rgb(92,178,221) 3%, rgb(82,171,218) 31%, rgb(61,155,210) 71%, rgb(51,148,206) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(134,198,230)), color-stop(3%,rgb(92,178,221)), color-stop(31%,rgb(82,171,218)), color-stop(71%,rgb(61,155,210)), color-stop(100%,rgb(51,148,206))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(134,198,230) 0%,rgb(92,178,221) 3%,rgb(82,171,218) 31%,rgb(61,155,210) 71%,rgb(51,148,206) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(134,198,230) 0%,rgb(92,178,221) 3%,rgb(82,171,218) 31%,rgb(61,155,210) 71%,rgb(51,148,206) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(134,198,230) 0%,rgb(92,178,221) 3%,rgb(82,171,218) 31%,rgb(61,155,210) 71%,rgb(51,148,206) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(134,198,230) 0%,rgb(92,178,221) 3%,rgb(82,171,218) 31%,rgb(61,155,210) 71%,rgb(51,148,206) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86c6e6', endColorstr='#3394ce',GradientType=0 ); /* IE6-9 */ display:inline-block;font-family:'Ubuntu',Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:700; text-transform:uppercase; border:1px solid #449dd2;-webkit-border-radius: 4px; border-radius: 4px; padding:4px 15px; color:#fff; width:auto!important; cursor:pointer;}

#ContentMiddle .error {-webkit-border-radius: 4px; border-radius: 4px; margin:2em 0; font-size:1em; font-size:0.7em;background-position: 5px 5px;}

#divExtraLoginProviders {background:#f2f2f2;-webkit-border-radius: 4px; border-radius: 4px;border:1px solid #ccc; padding:10px; font-size:0.8em; margin-top:2em;}
#divExtraLoginProviders hr {display:none;}
#divExtraLoginProviders .LoginTopMargin {margin:0;}

/* RIGHT COLUMN
---------------------------------------------*/

/* Footer Elements 
---------------------------------------------*/
footer.structFooter {margin:0; padding:0; float:left; width:100%;}
footer.structFooter #ContentFooter {margin:0; padding:10px 20px; float:left;width:100%; border-top:1px solid #ccc; font-style:italic; font-size:0.8em; line-height:1.5em;}
footer.structFooter #ContentFooter p {margin:5px 0;}