body {
	background-color: #dddddd;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 10px;
}

h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }

th {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 3px;
	border-right: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
}
td {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align: left;
}

textarea#styled {
	height 80px;
	width 350px;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0px;
	}

table.listTable { border: #999999 solid 1px; }
th.right { border-right: none 0px; }

tr.even { background-color: #ffffff;}
tr.even:hover { background-color: #ccc;}
td.even {  padding: 3px; border-right: #999999 solid 1px; }
td.evenLeft { padding: 3px; border-right: #999999 solid 1px; text-align: center; }
td.evenRight { padding: 3px; }

tr.odd { background-color: #eeeeee;}
tr.odd:hover { background-color: #ccc;}
td.odd { padding: 3px; border-right: #999999 solid 1px; }
td.oddLeft { padding: 3px; border-right: #999999 solid 1px; text-align: center; }
td.oddRight { bpadding: 3px; }	

img { border: none; }
a:link, a:visited {color: black; text-decoration: underline; }
a:hover, a:active { color: black; text-decoration: none; }

.label { font-weight: normal; }
.value { font-weight: bold; }
.floatLeft { float: left; }
.floatRight { float: right; }
.userDetails { float: right; margin-left: 10px; }
.lightboxControl { margin-bottom: 5px; }
.lightboxControlLast { margin-bottom: 0; }
.footer { 
	font-size: 11px; 
	text-align: center;
	margin-top: 20px;
}

.groupBoxOuter { 
    border-right: #dddddd solid 20px;
}
.groupBoxWhite {	
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
	float: left;
	background-color: #ffffff;
	border: #555555 solid 1px;
}
.groupBoxGrey {	
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
	float: left;
	background-color: #eeeeee;
	border: #555555 solid 1px;
}

.thumb {
	float: left;
	width: 118px; height: 118px;
	margin: 3px;
	border: #555555 solid 1px;
	background: #dddddd;
}
.thumbOver {
	float: left;
	width: 118px; height: 118px;
	margin: 3px;
	border: #555555 solid 1px;
	background: #cccccc;
}
.thumbSel {
	float: left;
	width: 118px; height: 118px;
	margin: 3px;
	border: #555555 solid 1px;
	background: #999999;
}
.thumbSelOver {
	float: left;
	width: 118px; height: 118px;
	margin: 3px;
	border: #555555 solid 1px;
	background: #888888;
}

.image {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 118px; height: 118px;
}

div.row {
  clear: both;
  padding-top: 10px;
  }
  
  div.rownp {
  clear: both;
  padding-top: 2px;
  }

div.row span.label {
  float: left;
  width: 120px;
  padding-right: 5px;
  text-align: right;
  }

div.row span.formw {
  float: left;
  width: 335px;
  text-align: left;
  } 
  
div.rownp span.formwtextarea {
  float: left;
  width: 100%;
  text-align: left;
  } 
  
  div.rownp span.label {
  float: left;
  width: 120px;
  padding-right: 5px;
  text-align: right;
  }

div.rownp span.formw {
  float: left;
  width: 335px;
  text-align: left;
  } 
  
div.rownp span.formwtextarea {
  float: left;
  width: 100%;
  text-align: left;
  } 
  
  
   .formLayout
    {
  //  	  background-color: #f3f3f3;
   //     border: solid 1px #a1a1a1;
        padding: 0px;
        width: 50%;
    }
    
    .formLayout label, .formLayout input
    {
        display: block;
       width: 250px;
       font-size:13px;
        float: left;
        margin-bottom: 10px;
    }
 
    .formLayout label
    {
        text-align: right;
         width: 80px;
        padding-right: 10px;
    }
 
    br
    {
        clear: left;
    }
	


.image * { vertical-align: middle; }
.image img { border: 1px solid black; }

.no-close .ui-dialog-titlebar-close {
  display: none;
}