body, p, td, th
{
	font-size:x-small;
}

.tableHeader {
	
	background-image: url(/images/header-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
a.navBox { display:block;
    width:135px;
    color:#ffffff;
    background-color:#333366;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
    border:1px outset #ffffff;
    font-size:12px;
    padding-left:3px;
  }
a.navBox:hover { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
	background-color: #FFFFFF;
	border: thin inset #CCCCCC;
	background-image: url(/images/navback.gif);
 }
a.navImage { display:block;
    width:135px;
    color:#ffffff;
    background-color:#333366;
    font-family:arial;
    font-weight:bold;
    text-decoration:none;
    border:1px outset #ffffff;
    font-size:12px;
    padding-left:3px;
  }
a.navImage.selected{
	background-color:#ccc;
	color:#000;
}
/*
 .navBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333366;
	border: thin outset #FFFFFF;
}
.navBoxOver{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
	background-color: #FFFFFF;
	border: thin inset #CCCCCC;
	cursor: pointer;
	background-image: url(/images/navback.gif);
}
*/
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
}
.navBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
}
a.navBottom:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333366;
	text-decoration: none;
}
A.nav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
}
A.nav:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
}
A.nav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #003399;
}
A.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
	background-color: #FFFFFF;
}
.NavBoxSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #130C58;
	text-decoration: none;
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
.NavBoxInactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #130C58;
	text-decoration: none;
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
.savedMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #130C58;
	text-decoration: none;
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
A.NavBoxSmall:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #130C58;
	text-decoration: none;
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
A.NavBoxSmall:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #130C58;
	text-decoration: none;
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
A.NavBoxSmall:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #130C58;
	text-decoration: none;
	
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
A.NavBoxSmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #130C58;
	MARGIN-TOP: 5px;MARGIN-RIGHT: 5px; MARGIN-LEFT: 5px;
}
.formRow, .formRow td {
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
}
.formRow2RowBordered  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #EAEAEA;
}
.formRow2RowBorderedleft  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #EAEAEA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.formRowBordered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.formRowBorderedLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.formRowDark, .formRowDark td {
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #DDDDDD;
}
.formRowHead, .formRowHead td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #130C58;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #FFFFFF;
}
.formHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333366;
}
A.formHead:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #130C58;
}
A.formHead:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #130C58;
}
A.formHead:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #130C58;
}
.hidden {
	overflow: hidden;
	white-space: nowrap;
}
.scrollText {
	overflow: auto;
}
.formRow2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #EAEAEA;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
}
.errorMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
} 
.successMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00CC66;
}
.formRowRed, .formRow td.formRowRed, .formRowDark td.formRowRed, .formRowHead td.formRowRed  {
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffcc00;
}
.formRowYellow, .formRow td.formRowYellow, .formRowDark td.formRowYellow, .formRowHead td.formRowYellow  {
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #99cc00;
}
.formRowGreen, .formRow td.formRowGreen, .formRowDark td.formRowGreen, .formRowHead td.formRowGreen  {
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #33cccc;
}
.formRowHeadKey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #130C58;
	background-color: #FFFFFF;
}
a.formRowDark:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #DDDDDD;
	text-decoration: none;
	color: #000000;
}
a.formRowDark:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #DDDDDD;
	text-decoration: none;
	color: #000000;
}
a.formRowDark:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #DDDDDD;
	text-decoration: none;
	color: #000000;
}
a.formRowDark:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #DDDDDD;
	text-decoration: none;
	color: #FFFFFF;
}
a.formRow:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.formRow:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.formRow:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.formRow:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.smallTables {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.logFormat {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
A.basic:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333366;
	text-decoration: none;
}
A.basic:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333366;
	text-decoration: none;
}
A.basic:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333366;
	text-decoration: none;
}
A.basic:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333366;
	text-decoration: underline;
}
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.termsDiv {
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	overflow: auto;
}
.formRowBorder {
	border-top: thin solid #CCCCCC;
	border-right: thin solid #CCCCCC;
	border-bottom: thin none;
	border-left: thin none;
}
.formHeadBordered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #130C58;
}

.contactLink {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333366;
}
.tCodeBox {
	border: 1px solid #666666;
}

.even td
{
	background:#EEEEEE;
	padding:3px;
	border-right:1px solid #999999;
}

.odd td
{
	padding:3px;
	border-right:1px solid #999999;
}

.header td, .header th
{
	background:#BBBBBB;
	padding:3px;
	text-align:center;
}

a
{
	color:#0000FF;
}
h1
{
	font-weight:normal;
	color:#000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	width:98%;
	text-align:left;
	line-height:40px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
}

/* =AUTOCOMPLETE CSS
=================================================================*/

input.autocomplete {
	display:block;
}

input.autocompleteDisplay {
	display:block;
	border:none;
	background: #FFFFFF;
}

div.autocomplete {
	position:absolute;
	width:304px;
	z-index:1000;
}

div.autocomplete ul {
	width:304px;
	color: #0000CC;
	margin:0;
	padding:2px;
	background:#E0ECFF;
	border: 1px solid black;
	list-style:none;
	font-size:14px;
}

div.autocomplete ul li.autocompleteselected {
	background: #E0ECFF;
}

.selected {
	background: #C3D9FF;
}

.shim {
	position:absolute;
	width:300px;
	height:20px;
	z-index:100;
	border: 1px solid #000000;
	background:yellow;
}
.largeText td {
	font-size:14px;
	font-weight:bold;
}
.highlight { 
	background:#1DCA18;
}

.sortableHeaders td, .sortableHeaders th {
	background: #e0dfe3 url(../images/background_sortableheader.gif) 0 100% repeat-x;
	border-right:1px solid #9d9da1;
	border-left: 1px solid #ffffff;
	padding:2px 0;
}

.sortableHeaders a  {
	width:100%;
	text-decoration:none;
	color: #000000;
}

.sortableHeaders img.arrow {
	border:none;
	margin-left:5px;
	margin-top:6px;
}

.primeTable{
	width:98%;
	border:3px solid #EAEAEA;
	cell-padding:1px;
	text-align:center;
}
.primeTable th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #130C58;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	background-color: #FFFFFF;
	text-align:left;
}
.primeTable td {
    vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EAEAEA;
	text-align:left;
}
.primeTable td.odd {
	background-color: #DDDDDD;
}

/*
 * Survey Styles
 ----------------------------------------------*/
 
#controls {
    float: left;
    /*position: absolute;*/
    top: 245px;
    left: 175px;
}
 
#addFieldset, #submitTable {
    background: #fff;
    border: 3px solid #003366;
    margin: 0 0 10px 0;
    padding: 3px;
    width: 194px;
}
 
#addFieldset legend, #submitTable legend {
    background: #003366;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin: 0 0 5px 0;
}
 
#addFieldset button {
    border: 1px solid #333;
    text-align: left;
    height: 32px;
    width: 175px;
}
 
button span {
    display: none;
}
 
 #radio {
    background: url(../images/button_multi_choice.png) top left no-repeat;
 }
 
 #checkbox {
    background: url(../images/button_checkboxes.png) top left no-repeat;
 }
 
 #textbutton {
    background: url(../images/button_text_single_line.png) top left no-repeat;
 }
 
 #textarea {
    background: url(../images/button_text_multi_line.png) top left no-repeat;
 }
 
 #statictext {
    background: url(../images/button_section_heading.png) top left no-repeat;
 }
 
 #submitTable table {
    border: none;
    border-collapse: collapse;
 }
 
 #submitTable td {
    padding: 3px;
 }
 
 #protoForm {
    background: #fff;
    font-size: 12px;
    margin: 0 auto 0 240px;
    padding: 0;
 }

 #listOfElements {
    border: 10px solid #dfeeff;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0px;
    width:95%;
 }
 
 #listOfElements li {
    background: #fff;
    border-top: 1px dashed #66ADFF;
    padding: 5px;
    margin: 0 0 0 0;
 }
 
 #listOfElements li a {
    color: #003366;
    text-decoration: none;
 }
 
 #listOfElements li a:hover {
    color: #0066cc;
 }
 
 #listOfElements li div.edit_box {
    border-top: 1px dashed #66ADFF;
    margin: 10px 0 0 0;
    padding: 10px;
    position: relative;
    z-index: 3;
 }
 
 #listOfElements li div.edit_box ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
    width: auto;
 }
 
 #listOfElements li div.edit_box li {
    background: transparent;
    border: none;
    width: auto;
 }
 
 #listOfElements li.editing {
    background: #FFE4BD;
 }
 
 #listOfElements li.hover {
    background: #FAFCFF;
 }
 
.element_actions {
    background: #dfeeff;
    border: 1px dashed #66ADFF;
    border-style: none none dashed dashed;
    float: right;
    z-index: 1;
    line-height: 20px;
    padding: 2px;
    margin: -5px -5px 0 0;
    position: relative;
 }
 
 .move_handle {
    background: #8ec3ff;
    background: #003366;
    border: 1px solid #55a5ff;
    color: #0056b7;
    color: #fff;
    cursor:move;
    padding: 1px;
 }
 
 .options_list {
    border: 1px solid #66ADFF;
    margin: 10px 0 0 20px;
    padding: 10px 5px 5px 0;
    position: relative;
    text-align: right;
    width: 400px;
    z-index: 3;
 }
 
 .options_list ul {
    position: relative;
 }
 
 .options_list li {
    position: relative;
 }
 
 #title {
    font-size: 110%;
    font-weight: bold;
 }
 
 #li_title {
    border: none;
 }
 
 .button_delete {
    background: url(../images/button_drop.png) top left no-repeat;
    cursor: pointer;
    cursor: hand;
    border: 0;
    margin-left: 5px;
    height: 16px;
    width: 16px;
 }
 
#addable_elements {
    list-style: none;
    padding: 0;
    margin: 0;
}

#addable_elements li {
    margin: 0 0 5px 0;
    text-align: center;
}
.surveyTextInput {
    width:300px;
}
.phone_tabs {
    width:450px;
    list-style-type:none;
    border:1px solid silver;
    height:25px;
    padding-left:0;
    clear:both;
    margin:10px 0 0 0;
}
.phone_tabs li {
    float:left;
    line-height:25px;
    padding:0px 8px;
    margin-right:10px;
}
.phone_tabs li a {
    text-decoration:none;
}
.phone_tabs li a.active {
    font-weight:bold;
    cursor:default;
    color:#888;
}
.phone_pagination {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    clear:both;
    overflow:hidden;
    width:500px;
}
.phone_pagination li {
    float:left;
}
.phone_pagination li {
    margin-right:10px;
}
.phone_pagination a.disabled {
    color:#aaa;
    text-decoration:none;
    cursor:default;
}