﻿.bigframe{margin:0px;background: url(../res/BG1.JPG) #2C1E42 no-repeat ;background-attachment: fixed;background-position:left  0px;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

.frame2{background: url(../res/tenant-logo.png)  no-repeat;background-position:left 40px; background-size:100px;}
.page{width: 1000px;background-color: #fff;margin: 0px auto 0px auto;border: 0px solid #496077;border-radius:5px;}

.cover{   background: #b6b7bc;font-size: .80em;font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #696969;}
.main{   padding: 0px 12px;margin: 12px 8px 8px 8px;min-height: 450px;}

@font-face {
    font-family: 'beine';
    src: url('../res/fonts/gotham-medium.eot');
    src: url('../res/fonts/gotham-medium.eot?#iefix') format('embedded-opentype'), url('../res/fonts/gotham-medium.woff') format('woff'), url('../res/fonts/gotham-medium.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
.beine{font-family: "beine";}

/* HEADINGS */
h1, h2, h3, h4, h5, h6{   font-size: 1.5em;color: #666666;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.5em;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;}
.header{position: relative;margin: 0px;padding: 0px;background: #4b6c9e;width: 100%;height:100px;background: #465c71 url(../RES/logo.jpg) no-repeat right top;}

.header h1{   font-family: Georgia;margin: 0px;padding: 8px 0px 8px 20px;color: #f9f9f9;border: none;line-height: 2em;font-size: 2em;}
.leftCol{   padding: 6px 0px;margin: 12px 8px 8px 8px;width: 200px;min-height: 200px;}
.footer{ color: white ;padding: 8px 0px 0px 0px;margin: 0px auto;text-align: center;line-height: normal;}
/* TAB MENU   
----------------------------------------------------------*/
div.hideSkiplink{   background-color:#3a4f63;width:100%;filter: alpha(opacity=90);opacity: .9;}
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: #FFFFFF;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;}

input.textEntry {width: 320px;border: 1px solid #ccc;}
input.passwordEntry{width: 320px;border: 1px solid #ccc;}
div.accountInfo{width: 42%;}
.clear{clear: both;}
.title{display: block;float: left;text-align: left;width: auto;}
.loginDisplay{position:relative ;display:block;padding: 0px;color: White;float:right;line-height:30px;top:73px;z-index:100;}
.failureNotification{font-size: 1.2em;color: Red;}

.bold{font-weight: bold;}
.submitButton{text-align: right;padding-right: 10px;}
.ErrorBox{font-size:15px;color:red;background-color:lemonchiffon;border-collapse:collapse}
.ErrorBox1{font-size:16px;color:red;background-color:floralwhite;border-collapse:collapse;font-weight:bold}
.LineBreak,.hline{height:1px;background-color:#cccccc;padding:0px}
.LineBreak2,.hline2{height:1px;background-color:#0066BF;padding:0px}
.LineBreak3,.hline3{height:1px;height:1px;background-color:gainsbo}
.hand{cursor:pointer;}
                   
.style1{width: 178px;height: 132px;}
.cantitle{font-size:22px;font-weight:bold;font-family:Arial;}
.fHead{color:#0165A3;font-family: Georgia;font-size:17px;padding:0px;margin:0px;padding-left:5px;line-height:20px;font-weight:bold;}
.drag{	position: absolute;  border: lightgrey 1px solid;padding: 6px;background:url(../RES/img1.jpg) #efefef repeat-x left top;}
.drag2{	position: fixed;bottom:1px; border: lightgrey 1px solid;padding: 6px;background:url(../RES/img1.jpg) #efefef repeat-x left top;}
.right{float:right}
.left{float:left}
.hand{cursor:pointer;text-decoration:none}
.ErrorBox1{font-size:11pt;font-family:Verdana,Arial;color:red;border-collapse:collapse;font-weight:bold;}
.RegBtn{font-size:13px;border:darkgreen 0px solid;border-collapse:collapse;background-color:darkgreen;font-weight:bold;color:white;width:100px;padding:3px 5px 3px 5px}
.loading{position:fixed;right:0px;width:100px;font-weight:bold;top:50px;border:solid 1px lightgray;padding:3px;background:url(../res/img1.jpg) #efefef repeat-x left top;z-index:1000}
.FormTitle{font-size:23px;color:#666666;font-family:Verdana}
.grayTable1{border:lightGrey 1px solid;background:url(../res/img1.jpg) #efefef repeat-x left top;margin:0px;padding:6px;}
.grayTable{border:lightGrey 1px solid;background:url(../res/img1.jpg) #efefef repeat-x left top;height:auto; box-shadow:0 3px 6px rgba(0,0,0,0.45);  -webkit-box-shadow:0 3px 6px rgba(0,0,0,0.45); -moz-box-shadow:0 3px 6px rgba(0,0,0,0.45);-o-box-shadow:0 3px 6px rgba(0,0,0,0.45);border-radius:6px;padding:6px;line-height:17px;min-height:100px;}
.TreeSelected{border:1px solid darkslategray;font-family:Verdana;background-color:whitesmoke;font-size:13px;padding-left:3px;padding-right:5px;padding-top:3px;text-decoration:none;font-weight:bold}
.TreeItem{font-family:Verdana;font-size:12px;padding-left:3px;padding-top:3px;text-decoration:none}
.TextBox{vertical-align:bottom;width:250px;border:1px solid#CCCCCC;vertical-align:middle;font-family:Arial,Arabic Transparent;font-weight:bold;font-size:15px}
.TextArea{vertical-align:bottom;width:350px;height:80px;border:1px solid#CCCCCC;vertical-align:middle;padding:0px 2px 1px 2px;font-family:Arabic Transparent;font-size:14px;font-weight:bold}
.required{color:Red}
.short{width:150px;}
.vshort{width:100px;}
.long{width:350px;}

.lblview{font-family:Arial,Arabic Transparent;font-weight:bold;font-size:14px;padding:0px 5px 0px 5px;}
.ml{color: #003399;font-weight: bold}

.shortcuts{width:95%}
.shortcuts ul {margin:0px;padding:0px;list-style:none;margin-top:0px;}
.shortcuts ul li{float:left}
.shortcuts ul li.first_li a{margin-left:0px;}
.shortcuts ul li a,.nicebox{ border:1px solid lightgray;-moz-border-radius:3px;display:block;padding:5px;margin:5px;width:150px;height:100px;text-align:center;text-decoration: none; background: url(../res/img1.jpg) #efefef repeat-x left top;}
.shortcuts ul li a span{font-size:12px;margin-top:5px;display:block;padding:2px;color:Black;}
.shortcuts ul li a small{font-size:10px;color:Gray; padding-top:4px; }
.shortcuts ul li a:hover{border:1px solid #ececec;text-decoration:none;}
.shortcuts ul li a img{border:0px;padding-top:5px;}

.flowlst{width:95%}
.flowlst ul {margin:0px;padding:0px;list-style:none;margin-top:0px;}
.flowlst ul li{float:left}
.flowlst ul li.first_li a{margin-left:0px;}
.flowlst ul li a span{font-size:12px;margin-top:5px;display:block;padding:2px;color:Black;}
.flowlst ul li a small{font-size:10px;color:Gray; padding-top:4px; }


.section,.panel,.shortcuts,#chart,.quickview{background:#fff;padding:3px;-moz-border-radius:3px;}
.headface{color:#2d2d2d;font-family: Georgia, "Times New Roman", Times;font-size:19px;padding:3px;margin:0px;padding-left:40px;line-height:19px;}
.headface small {font-size:10px}
.subheadface{color:#2d2d2d;font-family: Georgia, "Times New Roman", Times;font-size:15px;padding:3px;margin:0px;padding-left:40px; font-weight:bold;}
.ico_mug{background:url(../res/shape_move_backwards.png) no-repeat 5px center ; padding-left:40px;margin-bottom:20px; }
.preview{position:absolute;width:60%}

div.background{width:240px;height:120px;}
div.transbox{width:240px;  height:120px;margin:0px 0px;background-color:#ffffff;opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */}
div.transbox p{margin:0px 0px;font-weight:bold;color:#0165A3;font-size:19px;line-height:120px;text-align:center }
.chk label{display:inline;}
.hidden{display:none;}
.padding{padding:3px;}
.padding0{padding:0px;}

/*.apptitle{display: block;float: left;text-align: left;width: auto;font-family: Georgia;}*/
.apptitle{float: left;font-family: Georgia;font-size: 23px;color: #fff;padding: 10px 0px 0px 20px;line-height: 50px;}
.abs{position: absolute;}


.previewMsg2{padding: 5px;background-color:white;width: 550px;height: 170px;overflow:scroll ;border:solid 1px lightgray;scrollbar-face-color: #E4E4E4;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #FFFFFF;scrollbar-arrow-color: #FFFFFF;}

.clsPending{background-color:lightgray; color:black;padding:2px;font-weight:bold;}
.clsClaim{background-color:#669999;color:white;padding:2px;font-weight:bold;}
.clsConfirmed{background-color:green;color:white;padding:2px;font-weight:bold;}
.clsCancelled{background-color:red;color:white;padding:2px;font-weight:bold;}
.qlyNone{background-color:lightgray; color:black;padding:2px;font-weight:bold;}
.qlyClear{background-color:green;color:white;padding:2px;font-weight:bold;}
.qlyPartialClear{background-color:lightgreen;color:black;padding:2px;font-weight:bold;}
.qlyCancelled{background-color:#CC9900;color:white;padding:2px;font-weight:bold;}
.qlyRejected{background-color:red;color:white;padding:2px;font-weight:bold;}


.gview td{border: 1px solid lightgray}
.nearline{font-weight: bold;margin:0px;color:white;font-size:12px;width:150px;
		  background-color: #b94a48;padding: 5px 4px 5px 7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
}
.fixedBottom{position:fixed;height:auto;bottom:29px;right:auto;left:0px;top:auto;z-index:1000;margin:0 3%}


.staffname{color:darkgreen;font-family: Georgia;font-size:20px;padding:5px;line-height:20px;}
.dateControl {height:30px;}
.dateControl span{float:left;}
.detailsValid{width: 90%;height: 80px;background-color: #F2F5A9;padding: 10px;font-size: larger;border: 1px solid gray;text-align:center;}
.roundedCorners {-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;}
.inaccurateInfo{width:590px;height:70px;}
.inaccurateSubmit{margin-top:45px;}
.termsAndConditions{width: 290px;background-color: #F2F5A9;padding: 5px;font-size: larger;border: 1px solid gray;margin-bottom:5px;font-family:Arial;}
ul.terms{list-style:none;font-size:14px;}
.ageChild3 {background-color:red;}

.dragContainer {border: 3px dotted #0B85A1;width: 400px;color: #92AAB0;text-align: left;vertical-align: middle;padding: 10px 10px 10px 10px;margin-bottom: 10px;font-size: 200%;}
.progressBar {width: 50%;height: 7px;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;display: inline-block;margin: 0px 10px 5px 5px;vertical-align: top;}
.progressBar div {height: 100%;color: #fff;text-align: right;line-height: 22px; width: 0;background-color: #8064A2;border-radius: 3px;}
.statusbar {border-top: 1px solid #A9CCD1;min-height: 25px;width: 96%;padding: 10px 10px 0px 10px;vertical-align: top;}
.statusbar:nth-child(odd) {background: #EBEFF0;}
.filename {display: inline-block;vertical-align: top;width: 250px;}
.filesize { display: inline-block;vertical-align: top;color: #30693D;width: 100px;margin-left: 10px;margin-right: 5px;}
.status {display: inline-block;vertical-align: top;color:red}
.abort {background-color: #A8352F;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;display: inline-block;color: #fff;font-family: arial;font-size: 13px;font-weight: normal;padding: 4px 15px;cursor: pointer;vertical-align: top;}
.navbar-fixed-top {border-bottom: 2px solid red;}
.navbar-inner { background-color: #213048 !important;}
.navbar .brand { color: #e3e3e3 !important; }