/* ------------- LOGIN ------------- */
.loginLabels
{
    font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
	
}

.loginError 
{
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;
}

/* ------------- FORMS ------------- */

.formTable 
{
	width: 100%;
	
}

.formTableContainer 
{
	border: solid 1px #7C7C94;
	background-color: #efefef;
	width: 100%;
	padding:10px;
}

.formInsideTableContainer 
{
	border: solid 1px #7C7C94;
	background-color: #efefef;
	width: 100%;
	padding:10px;
}


.formsReportHeader
{
    font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #ffffff;
	padding: 4px;
	text-align:left;
	background-color: #7C7C94;
}

.formsReportHeaderList
{
    font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #ffffff;
	padding: 4px;
	text-align:left;
	background-color: #BEBEE2;
}
.formsLabels
{
    font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #666666;
	padding-right: 4px;
	text-align:left;
	
}

.formsOptionLabels
{
    font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #000000;
	padding-right: 4px;
	text-align:left;
}

.formsCheckbox
{
    font-size: 11px;
	font-family: arial;
	font-weight: bold;
	color: #000000;
}

.formsSelect
{
    font-size: 11px;
    font-family: arial;
	color: #666666;
	width: 130px;
}

.formsShortSelect
{
    font-size: 11px;
    font-family: arial;
	color: #666666;
	width: 60px;
}
.formsText, .formPhoneCountryCode , .formPhoneAreaCode, .formPhoneNumber
{
    font-size: 11px;
    font-family: arial;
	color: #666666;
}


.formPhoneCountryCode {
	width: 23px;
}

.formPhoneAreaCode {
	width: 28px;
} 

.formPhoneNumber{
	width: 60px;
}


.formsTextShort
{
    font-size: 11px;
    font-family: arial;
	color: #666666;
    width: 30px;
}

.formsFilterText
{
    font-size: 11px;
    font-family: arial;
	color: #666666;
}



.formsTextCalendar
{
    font-size: 11px;
    font-family: arial;
	color: #666666;
    width: 103px;
}

.formsMiniTextbox
{
    font-size: 11px;
    font-family: Verdana;
    color: #585880;
    border: solid 1px #BDCEDE;
    width: 10px;
}



.formsTextbox
{
    font-size: 11px;
    font-family: Verdana;
    color: #585880;
    border: solid 1px #BDCEDE;
}


.formsTextboxLarge
{
    font-size: 11px;
    font-family: Verdana;
    color: #585880;
    border: solid 1px #BDCEDE;

    width: 300px;
}


.formsTextboxGeneric
{
	font-size: 11px;
    font-family: Verdana;
    color: #585880;
    border: solid 1px #BDCEDE;
}

.formsButton {
	background-color: #E5E2DA; /*#DBD6CC;*/
	border-top: solid 1px #7C9AB5;
	border-right: solid 1px #7C9AB5;
	border-left: solid 1px #7C9AB5;
	border-bottom: solid 1px #7C9AB5;
	padding-left: 25px;
	padding-right: 25px;
	cursor: pointer;
	cursor: hand;
	background-image:url(../Images/buttonBackground.gif);
}

.formButton {
	cursor: pointer;
	cursor: hand;
}


.formInput 
{
	font-size: 11px;
    font-family: Verdana;
    color: #585880;
    border: solid 1px #BDCEDE;
    width: 345px;
}
/* ------------- PAGE ------------- */
.pageSectionTitle 
{
	font-size: 14px;
    font-family: Arial;
    font-weight:bold;
    color: #13629D;
}

/* ------------- HTML Controls ------------- */
.listPageSelect 
{
	border-top: solid 1px #666666;
	font-size: 11px;
	font-family: Verdana;
	color: #666666;
	background-color: #efefef;
}


/* ------------- File Controls ------------- */

.fileCell 
{
	border-right:solid 1px #EAE9E1;
	border-left:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #EAE9E1;
	padding: 2px 3px 2px 3px;
	text-align: left;
	font-size: 11px;
	font-family: Verdana;
	color: #000000;
}


.fileCellHeader 
{
	border-right:solid 1px #B5B5B5;
	border-left:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-bottom:solid 1px #B5B5B5;
	background-color:#E2E2E2;
	padding: 2px 10px 2px 10px;
	
	text-align: left;
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: #666666;
}


/*

.boxOut {
  width: 12em;
  padding: 0.5em;
  margin: 0.5em;
  border: solid 1px black;
}

.oddBoxOut {
  float: left;
}

.evenBoxOut {
  float: right;
}And then the HTML will look like:

<div class="boxOut oddBoxOut">
*/