body {
}

.gridContainer, .pageContainer
{
    font-size:11px;
    padding:1em;
}
.subPageContainer {
    font-size:11px;
    padding:0 0 1em 0;
}

.fullGrid
{
    padding:0.5em 0 0 0;
}

/* Form Layout */
fieldset { border-width:1px; border-style:solid; border-color: #bebebe; }
fieldset.fieldData {
}
fieldset.fieldData legend { font-weight:bold; }

ul.fieldLayout 
{
    list-style-type:none;
    margin-bottom:0.5em;
}
ul.fieldLayout li 
{
    margin-bottom:0.1em;
}
ul.fieldLayout li.vspace 
{
    margin-top:0.5em;
}

ul.fieldLayout li .fieldData 
{
    display:inline-block;
    text-align:left;
}

ul.fieldLayout li .fieldData a 
{
    text-decoration:none;
}
ul.fieldLayout li .fieldData a:hover 
{
    text-decoration:underline;
}


ul.fieldLayout li .fieldLabel
{
    font-weight:bold;
    display:inline-block;
    width:8em;
    text-align:right;
    margin-right:0.5em;
}
.shortlabel 
{
    width:6em !important;
}
.shorterlabel 
{
    width:5em !important;
}

.veryshortlabel 
{
    width:4em !important;
}

.longlabel 
{
    display:inline-block;
    width:10em !important;
    text-align:right;
    margin-right:0.5em;
}

.extralonglabel 
{
    display:inline-block;
    width:11em !important;
    text-align:right;
    margin-right:0.5em;
    font-weight:bold;
}

.verylonglabel 
{
    display:inline-block;
    width:13.5em !important;
    text-align:right;
    margin-right:0.5em;
}

.superlonglabel 
{
    display:inline-block;
    width:16em !important;
    text-align:right;
    margin-right:0.5em;
}

.medlabel 
{
    display:inline-block;
    width:9em !important;
    text-align:right;
    margin-right:0.5em;
    font-weight:bold;
}

.leftlabel 
{
    text-align:left !important;
}
ul.fieldLayout li .fieldLabel_auto
{
    font-weight:bold;
    display:inline-block;
    text-align:right;
    margin-right:0.5em;
    margin-left:1em;
}

.fieldLayout li input[type="radio"] ~ label { padding-left:0.3em; }

/* form input fields */
input[type=text], input[type=password], textarea, select, input[type=file] {
	border:1px solid #DEDEDE;
	outline:medium none;
	margin:0;
	padding:3px;
}
select 
{
    padding:2px !important;
}

.field-watermark 
{
	color:#aaaaaa; 
}

input.error, select.error
{
	background-color:#fffbe8 !important; 
	border-color: #761e1e !important;
}

form input:focus, form textarea:focus, form select:focus, td.showFocus {
/*	background-color:#fffaee;  */
	color: #000000;
}

div.infoflag
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/information.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.warnflag
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/exclamation.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.markflag
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/cross-circle.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.xferflag
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../css/jhousingui/images/ui-icons_d19405_256x240.png);
    background-position: -112px -80px;
    background-repeat:no-repeat; 
}

div.refundflag
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../css/jhousingui/images/ui-icons_d19405_256x240.png);
    background-position:  -32px -64px;
    background-repeat:no-repeat; 
}

div.picsflag
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../css/jhousingui/images/ui-icons_d19405_256x240.png);
    background-position: -208px -128px;
    background-repeat:no-repeat; 
}

div.taskpass
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/greenlight.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.taskfail
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/redlight.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.taskwarn
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/yellowlight.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.nearfeather
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/NearFeatherIconGrey.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

div.feather
{
    display:inline-block;
    width:16px;
    height:16px;
    background-image: url(../images/FeatherIcon.png);
    background-position:left top;
    background-repeat:no-repeat; 
}

/*large textboxes*/
.txtinput
{
    width:200px; 
    margin-left:2%; 
    height:25px;
    line-height:25px; 
    display:inline-block; 
    text-indent:5px; 
    float:left; 
    border:1px solid #ccc;
    font-family:Verdana, Geneva, sans-serif;
}

/*small text boxes*/
.txtinput2, .txtinput3, .txtinput5
{
    width: 54px;
    margin-left:2%;
    height:25px;
    line-height:25px;
    display:inline-block;
    border:1px solid #ccc;
    padding-left:5px;
    float:left;
    font-family:Verdana, Geneva, sans-serif;
}
.ddlSelect5, .smallWidth
{
    width: 87px;
}
.lastName
{
    width: 131px;
}
.city
{
    width: 84px;
}

/*Labels*/
.leftLabelProperty
{
    float:left;
    line-height:17px;
    padding-left:0;
    text-align:right;
    font-weight:bold;
    width:150px;
}

.rightLabelProperty, .rightLabelProperty-1
{
    float:left;
    line-height:17px;
    padding-left:1%;
    text-align:left;
}

.div-left .fieldarea .txtfield,  .formContent .div-right .fieldarea .txtfield, .fieldarea .txtfield50  {
	width:150px; float:left; text-align:right; line-height:24px; padding-right:1%;
}

/*Dropdown boxes*/
.ddlSelect, .ddlSelect_100, /*.div-right .ddlSelect,*/ .ddldropdown
{
    width:203px;
    margin-left:2%;
    height:27px;
    line-height:25px;
    display:inline-block;
    float:left;
    border:1px solid #ccc;
    padding: 0 0 3px 5px;
}

.smallDropDown
{
    width:55px;
    margin-left:2%;
    height:27px;
    line-height:25px;
    display:inline-block;
    float:left;
    border:1px solid #ccc;
    padding: 0 0 2px 5px;
}

/*radio buttons*/
.checkBoxConstInfo, .checkBoxConstInfo1
{
    float:left;
    margin-left:2%;
    margin-top:.7%
}	
.checkBoxConstInfo label, .checkBoxConstInfo1 label
{
    margin-left:5px;
}

.checkBoxWO
{
    float:left;
    margin-left:1%;
    margin-top: 0.5%;
}

/*upload box*/
.txtinputFileUpload
{
    width:48.2%;
    margin-left:2%;
    height:25px;
    display:inline-block;
    font-size:13px;
    color:#000;
    font-family:Verdana, Geneva, sans-serif;
    border:1px solid #ccc;
    text-indent:5px;
    background:#FFF;
    float:left;
}

.txtNoBox
{
    float:left;
    overflow:auto;
    line-height:25px;
    margin-left:2%;
    text-align:left;
    width:40%;
    display: inline-block;
    text-indent:5px;
}

/*lower orange boxes*/
.outerRoundContainer
{
    border: #bebebd 1px solid;
    margin: 2px auto 0px;
    width: 98%;
    background: url(../images/textContainerBG.jpg) repeat-x;
    min-height: 130px;
}

.check-box-list  
{
   overflow:auto;
   width:200px;
   margin-left:2%;
   line-height:25px;
   display:inline-block;
   font-size:13px;
   color:#000;
   font-family:Verdana, Geneva, sans-serif; 
   text-indent:5px;
   background:#FFF;
   float:left;
   border:1px solid #ccc
}

.formContent .div-left, .formContent .div-right
{
	width:35em; float:left;
}
.RightBoxArea{float:right; width: 300px; padding:1em; margin:0em 0em 0.5em 0.5em; min-height: 513px;}

.TopBoxArea
{
    padding:1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.TopBoxInfo { width: 33.33%; float: left; }
.TopBoxInfo3Col { width: 22em; float: left; }
.TopBoxInfo2Col { width: 34em; float: left; }
.TopBoxInfo2ColFull { width: 39em; float: left; }
.TopBoxInfo4ColPlus { width: 21em; float: left; }
.TopBoxInfoButtons { width: 10em; float: left; }

.TopBoxInfo3ColWide   { width: 32em; float: left; }
.TopBoxInfo3ColMedium { width: 27em; float: left; }
.TopBoxInfo3ColNarrow { width: 17em; float: left; }


.RedStar
{
    color: Red;
}

.fieldarea
{
    display:block;
    width:100%;
    margin:0 0 6px 0;
    float:left;
}

/* JQuery UI overrides */
.ui-dialog, .ui-datepicker, .ui-jqdialog { font-size:0.8em !important; }
.ui-jqdialog-content .CaptionTD {vertical-align: top !important;}
.ui-jqdialog-content .DataTD input, .ui-jqdialog-content .DataTD select, .ui-jqdialog-content .DataTD textarea {background-color:#ffffff; background-image:none;}
.ui-dialog { font-size:0.8em !important; }
 
.ui-icon-excel { background-image: url("../images/icons/packs/fugue/16x16/table-excel.png") !important; background-position: 0px 0px; }
.ui-icon-gridconfig { background-image: url("../images/gridconfig.png") !important; background-position: 0px 0px; }
 
.instructionBox {
    background-image: url("../images/information.png") !important; 
    background-position:left top;
    background-repeat:no-repeat;
/*    background-color: #d8e7fa; */
    border-color: #9DBFEA; 
    color: #00357B; 
    padding-left:20px;
} 

.warningBox {
    background-image: url("../images/exclamation.png") !important; 
    background-position:left top;
    background-repeat:no-repeat;
    background-color: #ffe7a1;
    border-color: #8e846b; 
    color: #d34d17; 
    padding-left:20px;
} 

.verticaltext {vertical-align:top; text-align:left; writing-mode:tb-rl !important; }