body { margin: auto;  background-color: white; font-family: Arial; font: 14px/1.286 "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", Lucida, Arial, Helvetica, sans-serif; }

body.loading { overflow: hidden; }

body.loading .modal { display: none; }

#container { width: 500px; background-color: White; margin: auto; padding: 0 10px 10px 10px; position: relative; }

h1{ font-size: 17px;font-weight: bold;margin-top: 0px;margin-bottom: 6px;color: #33486E; }
h2{ font-size: 15px;font-weight: normal;font-style: italic;margin: 0px; }

.logo { background:url('../../Content/Images/QOL/logo.jpg') no-repeat 0 0 transparent; width:433px; height: 153px; margin:0 auto; position:relative; left: -50px;  }

 

.page { word-wrap: break-word; border: 3px solid #f6a01d; clear: both; display: block; padding: 0px; margin: 0 0 50px; text-align: left; position: relative; background-color: White; border-radius: 15px; }

.page h1 { background-color: #bb2032; color: White; margin: 0; padding: 10px 10px 10px 30px; margin:-3px -3px 0 -3px; text-transform: uppercase; font-family: "Times New Roman", Times, serif; font-size:20px; border-radius: 15px 15px 0 0; }

.page h2 { background-color:#B2B2B2; color: White; font: 17px 'Arial'; margin: 0 -3px; padding:  10px 10px 10px 30px; text-align: left; font-weight: bolder; }

.inside { margin: 10px; padding: 10px 17px; }

.inside table { width: 100%; table-layout: fixed; font-weight: normal; font-family: Arial; font-size: 12px; }

.inside td { border: 1px solid gray; font-weight: normal; }

.descriptions { font-weight: normal; font-family: Arial; font-size: 12px; }

.date { width: 50px !important; display: inline !important; }

p { }

label { font-weight: bold; }

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

input { margin-bottom: 15px; }

input[type="text"] { width: 100%; display: block; }

input[type="radio"] { clear: both; }

.modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8 )  url('http://i.stack.imgur.com/FhHRx.gif')  50% 50%  no-repeat; opacity: 0.80; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);
filter: alpha(opacity = 80) }

/*errors!*/
   



/* Z-INDEX */

.formError { z-index: 990; }

.formError .formErrorContent { z-index: 991; }

.formError .formErrorArrow { z-index: 996; }

.formErrorInsideDialog.formError { z-index: 5000; }

.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }

.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }

.inputContainer { position: relative; float: left; }

.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; }

.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none }

.formError .formErrorContent { width: 100%; background: #ee0101; position: relative; color: #fff; width: 150px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.greenPopup .formErrorContent { background: #33be40; }

.blackPopup .formErrorContent { background: #393939; color: #FFF; }

.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; }

body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }

.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top: 2px; }

.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }

.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #33be40; }

.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }

.formError .formErrorArrow .line9 { width: 13px; border: none; }

.formError .formErrorArrow .line8 { width: 11px; }

.formError .formErrorArrow .line7 { width: 9px; }

.formError .formErrorArrow .line6 { width: 7px; }

.formError .formErrorArrow .line5 { width: 5px; }

.formError .formErrorArrow .line4 { width: 3px; }

.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }

.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }

.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }



.calendartable{
float: right;
width:50%
}