body {
    font: 11pt arial,helvetica,sans-serif !important;
    margin: 0 !important;
}
p {
    margin: 0;
}
h1 {
    font-size: 12pt !important;
}



input[type="text"]:focus {
    background-color: #EFEFEF;
}
input[type="checkbox"] {
    border: 0;
    width: auto;
    vertical-align: top;
}
input[type="radio"] {
     border: 0;
     width: auto;
     vertical-align: top;
}

.optionstxt{
  font-family: arial;
   font-size: 12px;
   font-weight: normal;
}
#outercontainer {
    background-color: #F3F3F3;
    border: 0.1px solid #B2B2B2;
    border-radius: 15px;
    height: auto;
    padding: 1px 40px 20px 20px;
    width: 90.5%;
}

#innercontainer {
	padding: 10px 10px 10px 10px;
	background-color: white;
	border: 0.1px solid #E6E6E6;
	height: 100%;
	width: 100%;
}

legend {
    color: #DA0000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    margin-left: 1%;
}


#required {
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}

#askterix{
	color: red;
}


.bcBox {
    height: 55px;
    padding-top: 5px;
}

.bcBoxLeft {
    color: #DD2828;
    height: 26px;
}

select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #888888;
    color: #222222;
    font-family: arial;
    font-size: 12px;
    margin: 0;
    padding: 2px 4px;
    width: 146px;
}

fieldset{
	border-style: solid;
    border-width: 1px;
    padding: 4px;
	border-color:  #d0d0d0;
}



input[type="text"] {
	border: 1px solid #CDCDCD;
    color: #222222;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 3px 4px 3px 2px;
    width: 140px;
}

.formtable {
	width:100%;
	table-layout: fixed;
}

.formtable td{
	width: 25%;
}
.formtable .formLabels{
    text-align: right;
    font-family: arial;
    padding-right: 0.5%;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    margin-top: 5px;
}
.formtable .formdata{
	font-weight: bold;
	font-family: arial;
    font-size: 12px;
    vertical-align: middle;
	word-wrap: break-word;
}
#pageHeader{
	font-family: Arial; 
	font-size: 25px; 
	text-align: center; 
	color: rgb(221, 40, 40);
}


.pageIconsHolder {
    left: 82%;
    position: absolute;
    text-align: right;
    top: 45px;
    z-index: 1;
}
.buttonholder{
	margin-top: 1%;
    text-align: right;
}


button {
	BORDER-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	WIDTH: 138px; 
	BACKGROUND: url(../images/button_regular.gif) no-repeat; 
	HEIGHT: 34px; COLOR: #ffffff; 
	BORDER-TOP: 0px; 
	CURSOR: pointer; 
	BORDER-RIGHT: 0px
}

button.amend,button.amend:hover {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/button_amend.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    height: 27px !important;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    width: 68px !important;
}

button.delete,button.delete:hover {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/button_cancel.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    height: 27px !important;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    width: 68px !important;
}

button:hover{
    background: url("../images/button_regular_hover.gif") no-repeat;
}

.dataTable,.infotable,.linkinfotable{
	width:98%;
	table-layout: fixed;
}

.dataTable thead tr,.infotable thead tr,.linkinfotable thead tr{
	 background: url("../images/searchtable-header-bg.gif") repeat-x scroll center bottom #6F6F6F;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal
}
.dataTable tbody td,.infotable tbody td,.linkinfotable tbody td{
	background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 1px solid #BDC4D0;
    border-top: 1px solid #FFFFFF;
    height: 23px;
    padding: 0 5px;
    word-wrap: break-word !important;
    text-align: center;
	
}

.linkinfotable tbody tr:hover td{
    background: none repeat scroll 0 0 #FDB02D;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    cursor: pointer;
}

.error, .info { 
    background: url("../images/message_bg_error.jpg") no-repeat;
    border: 0 solid #FF0000;
    font-size: 90%;
    height: 50px;
    line-height: 50px;
    margin: 0 0 10px 10px;
    padding: 5px;
    width: 85%;
}
.info  ul {
  margin :0px;
  padding-left:0px;
  list-style-type: none;
}

.error  ul {
  margin :0px;
  padding-left:0px;
  list-style-type: none;
}


.erroriconspan img{
	display:inline;
	margin-top: 1%;
}

.errormessage,.infomessage {
    display: inline-block;
    vertical-align: middle;
	margin-left: 1%;
    line-height: normal;
	width : 90%

}

.errormessage {
    color: #FF0000;
}
.infoiconspan,.erroriconspan{
 display: inline-block;   
 vertical-align: middle;
}

.infoiconspan img{
    display:inline;
    margin-top: 1%;
}



.infomessage{
	display: inline-block;
    vertical-align: middle;
	margin-left: 1%;
    line-height: normal;
}

.tooltip{
          background: url("../images/exclamation.gif") no-repeat scroll left center  #FFFFFF;
          border: 1px solid ActiveBorder ;
          color: blank;
          font: 11px tahoma,arial,helvetica,sans-serif;
          padding-left: 20px;
          padding-right: 20px;
          padding-top: 5px;
          padding-bottom: 5px;
          position: absolute;
          z-index: 5000;
 }
 
 .error_box_style {
    background-attachment: scroll;
    background-image: url("../images/invalid_line.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-color: #CC3300 !important;
}
.errorPanel-tl {
    background: url("../images/Confirm_top_left.jpg") repeat ;
}

.errorPanel-tm {
    background: url("../images/Confirm_Top.jpg") no-repeat scroll left center #F1F1F1;
    height: 33px;
}
.errorPanel-tr {
    background: url("../images/Confirm_Top_Right.jpg") repeat ;
}


.errorPanel-bl {
    background: url("../images/Confirm_bottom_left.jpg") repeat ;
}


.errorPanel-bm {
    background: none repeat scroll 0 0 #F1F1F1;
    height: 15px;
}

.errorPanel-br {
    background: url("../images/Confirm_bottom_right.jpg") repeat ;
}


.errorPanel-Cont {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #075627;
    font-size: 14px;
    height: 147px;
    line-height: 20px;
    text-align: center;
}


.completespan {
    background: url("../images/info-note.gif") no-repeat ;
    display: inline-block;
    height: 18%;
    vertical-align: middle;
    width: 5%;
    z-index: 2000;
}

.errorPanel-lm {
    background: url("../images/Confirm_LeftMiddle.jpg") no-repeat ;
}

.errorPanel-rm {
    background: none repeat scroll 0 0 #F1F1F1;
    height: 147px;
    width: 15px;
}

.confirmMessageTable{
  width:95%;
}

.details,.details:hover {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/button_details.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    cursor: pointer;
    height: 27px !important;
    line-height: 27px;
    text-align: center;
    vertical-align: middle;
    width: 68px !important;
}

.requiredField{
    color: #dd2828;
}
.requiredField:after{
    content: "*";
}

.ui-autocomplete-loading {
    background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
  }


.ui-dialog  .formtable{
 table-layout :auto !important;
 width:100%;  
}


.datefield{
  width:120px !important;
}