/***********************************************************************************
 *	The.default-portlets                                                           *
 *                                                                                 *
 *       - the.default-portlet header                                              *
 *       -the.default-portlet content                                              *
 *                                                                                 *
 ***********************************************************************************/

 
/************************************************************************************
 * Section style definitions affect the rendering of markup sections such as table, *
 * div and span (alignment, borders, background color, etc) as well as their text   *
 * attributes.                                                                      *
 ************************************************************************************/
 
/* This applies to the entire document (the BODY tag). It sets the document's defaults. 
As such, you don't needto specify the same font elsewhere, 
except for tables,which for some reason, don't inherit these styles.*/
body {
	margin-top: 10px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
/* style for bottom frame */

.bottomFramebody {
	margin-top: 0px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/* Font attributes for Normal Text */
.text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight : normal;
  color: black ;
}

/* Text of the user-input in an input field. */
HR {
	height:1px; 
	border:none; 
	background-color:#B1B185; 
	color:#B1B185;
}

/* Please fill in if you can. */
td {
   font-size: 12px;
}

/* highlight table row onmouseover */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
}
/* paragraph style */
.para {
   margin-top: 1px;
   margin-bottom: 1px;
   padding-top: 1px;
   padding-bottom: 1px;
}

/* Please fill in if you can. */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1F3F68;
	text-decoration: none;
}


/* Font attributes for Welcome Text on main welcome pages */
.welcometext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight : bold;
  color: #7A687E;
}

/* Font attributes for Descriptive Text, small blue note text */
.textdescrip {
	font-weight: normal;
	color: #5C8DB5;
	font-size: 9px;
}
.textdescripbold {
	font-weight: bold;
	color: #5C8DB5;
	font-size: 11px;
}



/* For the dynamic test name and such */
.textboldemp 
{
	font-weight: bold;
	color: #003366;
	font-size: 12px;
}

/* Table on section pages*/
.tableMain {
	background-color: #EDEDCA;
	border-top: 2px solid #1F3F58;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
}


/* Tables used in popups*/
.tableMain-popup {
	background-color: #EDEDCA;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
	border-top: 1px solid #CCCC99;
}

/* Tables used in popup bottom frames left/right*/
.tableMain-popupBLeft {
	background-color: #EDEDCA;
	border-right: 0px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
}

.tableMain-popupBRight {
	background-color: #EDEDCA;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 0px solid #CCCC99;
}

/* Table on welcome screens*/
.tableMain-welcome {
	background-color: #FEE2CB;
	border-top: 2px solid #1F3F58;
	border-right: 2px solid #1F3F58;
	border-left: 2px solid #F79C53;
}

/* Table attributes for the main content table, with darker edges, and a dark blue top line*/
.tableResults {
	background-color: #FFFFFF;
	border-top: 1px solid #CCCC99;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;
}

/* Table or section header */
.pageheader {
  font-size : 18px; 
  font-weight : bold;
  padding : 2px;
  color : #1F3F58;
}

/* The top header on pop up tables. */
.popupHeader
{
  background-color: #CCCC99;
  border: 1px solid #B1B185;
}

/* The top header on pop up tables with alerted status. */
.popupHeader-alert
{
  background-color: #F79C53;
  border: 1px solid #F79C53;
}

/* These are the top headers in the main pages */
.testselectionarea 
{
  background-color: #CCCC99;
}

/* The main section in the middle of the pages */
.section-body {
  background-color:  #C4E1E6;
}

/* The dark row backgrounds in the main section of the page, used as an every other treatment */
.table-alt-cel{
  background-color:  #E5E5BE;
}

/* The light yellow bars used in the small tables, every other row */
.smalltable-alt-cel{
  background-color:  #F6F6E4;
}

/* Text of a subheading */
.table-header {
	background-color: #A790AC;
	font-weight : bold;
	padding : 2px;
	color : #FFFFFF;
	font-size : 12px;
	border: 1px solid #7A687E;
}

/* The bar under header containing the names, in test admin and survey admin */
.name_box
{
	border:1px solid #9A859F;
	background-color:#BEA6C3;
}


/*************************************************************************************
 * Message style definitions affect the rendering of a paragraph (alignment, borders,*
 * background color, etc) as well as text attributes.                                * 
 *************************************************************************************/

/* Help messages, general additional information, etc. Ex:  Info about */
.msg-info {
  text-decoration: none ;
  padding: 5px ;
  color: lightgray ;
}

/* Error messages. Ex: Portlet not available */
.errortext {
  font-size: 14px; 
  font-style: normal; 
  font-weight: bold;
  text-decoration : none; 
  color: #660000
}

/* Warning messages.  Ex: Timeout occurred, try again later */
.msg-alert {
  text-decoration: none ;
  padding: 5px ;
  color:  orange ;
  font-size: 10pt;

}

/* Verification of the successful completion of a task.  Ex: Operation completed successfully */
.confirmtext {
  font-size: 12px; 
  font-style: normal; 
  font-weight: bold;
  text-decoration : none; 
  color: #003366
}

/* Required Field on the form */
.required 
{  
  font-size: 16px; 
  font-style: normal; 
  font-weight: normal;
  text-decoration : none; 
  color: #F79C53;
}

/* Required Field on the form */
.fieldError 
{  
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
  color: black;/*color: #F79C53;*/
}

/************************************************************************************
 * Form styles define the look-and-feel of the elements in an HTML form.            *
 ************************************************************************************/

/* Main text used in forms, the questions, or other main text. . */
.form-field {
	font-weight: normal;
	color: #1F3F58;
	font-size: 12px;
}


.login-form-field {
	font-weight: normal;
	color: white;
	font-size: 12px;
}


/* This is the form field attributes, set the size in html of the page. */
.form-input-field {
	border: 1px solid #B1B185;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:4px; 
}

.textarea-borderless {
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	font-weight: normal;
	color: #1F3F58;
	font-size: 12px;
}



/* Small form buttons (Submit, Edit, Back, etc)*/
.form-button {
	font-weight: bold;
	background-color: #A3BCD8;
	border: 1px solid #8BA8C9;
	color: #FFFFFF;
	font-size: 12px;
	width: 60px;
}


/* Small form buttons (Submit, Edit, Back, etc)*/
.form-button-small {
	font-weight: bold;
	background-color: #A3BCD8;
	border: 1px solid #8BA8C9;
	color: #FFFFFF;
	font-size: 8px;
	width: 60px;
}

/* Small form buttons alert draw attention to (Submit, Edit, Back, etc)*/
.form-button-alert {
	font-weight: bold;
	background-color: #FF9C31;
	border: 1px solid #CE6300;
	color: #FFFFFF;
	font-size: 12px;
	width: 60px;
}




.form-browse{
	border: 1px solid #8BA8C9;
	font-size: 12px;
	width: 100%;	
}

/* White background box on the view question layout. */
.whitebox {
	border: 1px solid #CCCC99;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* small separator text, like the OR text. */
.tabletext-blue {
	color: #5C8D85;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}

 /* Top header on the tables usually using the edit delete boxes. */
.listheader
{
	background-color:#D8D8B2;
	border-top: 1px solid #B1B185;
	border-right: 1px solid #B1B185;
	border-left: 1px solid #B1B185;
}

 /* The header box on the smaller tables. */
.smalltableheader
{
	background-color:#BEA6C3;
	border-top: 1px solid #9A859F;
	border-right: 1px solid #9A859F;
	border-left: 1px solid #9A859F;
}

/* selectd table header*/
.selSmalltableheader
{
	background-color:#CCCC99;
	border-top: 1px solid #CCCC99;;
	border-right: 1px solid #CCCC99;
	border-left: 1px solid #CCCC99;;
}

 
 /* Lower part of the tables, under header. Contains the content and header.  */
.listtable
{
	border-top: 1px solid #B1B185;
	border-right: 1px solid #B1B185;
	border-left: 1px solid #B1B185;
	border-bottom: 1px solid #B1B185;
	background-color:#CCCC99;
	border-collapse:collapse;
}

 
 /* Main label name in header, ex. test one. */
.survey_name
{
  font-size:10pt;
  color: #FFFFFF;
  font-weight:bold;
}





/* Main label name in header/tables, no borders*/
.plain_name
{
  font-size:10pt;
  color: #FFFFFF;
  font-weight:bold;
}
.selected_name
{
  font-size:10pt;
  color: #FFFFFF;
  font-weight:bold;
}

 /* Divider line between copy and merge. */
.vert-divline
{
  color: #FFFFFF;
}

/* Main name in header, sex. urvey name. */
.survey_name_label 
{
 font-size:10pt;
 background-color:#D9CADC;
 color: #1F3F58;
 font-weight:bold;
}

/* Please fill in if you can. */
.surveyemail_name
{
  font-size:12px;
  color: #4D6F9E;
  font-weight:normal;
}
 
/* background area in tables, containing edit and delete. */
.listoptionscontent
{
	background-color:#F5F5EC;
	border-left: 1px solid #CCCC99;
	color: #BEA6C3;
	font-size:8pt;
	text-align:left;
	padding:0px 4px;
}

 /* Text inside of listoptioncontent, the edit and delete text. */
.listoptions
{
	background-color:#F5F5EC;
	color: #BEA6C3;
	font-size:8pt;
	text-align:left;
	padding:0px 4px;
}
/* links inside. */
a.listLinks
{
	
	color: #BEA6C3;
	font-size:8pt;
	text-align:left;
}


a.unenrollLink
{
	font-weight: normal;
	color: #800000;
	font-size: 12px;
}

/* Please fill in if you can. */
.sortoptions
{
	font-size:8pt;
	color: #8D8B70;
}

/* Please fill in if you can. */
.totalbox
{
	background-color:#CCCC99;
	border-right: 1px solid #B1B185;
	border-bottom: 1px solid #B1B185;
	border-left: 1px solid #B1B185;
}

/* Please fill in if you can. */
.subtotal
{
	color:#5C8DB5;
	font-weight:bold;
	font-size:8pt;
}

/* Please fill in if you can. */
.total 
{
	color:#1F3F58;
	font-weight:bold;
	font-size:8pt;
}


/* Properties for pop-up background */
.popupBkg {
	background-color: #FFFFFF;
	margin: 25px 0px 10px;
	padding: 25px 0px 10px;
	background-attachment: scroll;
	background-image: url(../images/popup_banner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Properties for Bottom Frame pop-up background */
.popupBkgBottomFrame {
	background-color: #FFFFFF;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	/*background-attachment: fixed;
	background-image: url(../images/popup_banner.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}

.popBkgTopFrame {
	background-color: #FFFFFF;
	margin: 25px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	background-attachment: fixed;
	background-image: url(../images/popup_banner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.popBkgRightBottomFrame {
	background-color: #FFFFFF;
	margin: 0px 10px 10px 0px;
	padding: 0px 10px 10px 0px;
}
.popBkgLeftBottomFrame {
	background-color: #FFFFFF;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 10px 10px;
}

/* Tetarea with diff. kg */
.textareaBkg {
background-color: #F6F6E4;
/*background-image: url(../images/textAreaBkg.gif); */
color: #4D6F9E; /*#4D599F;*/
font:12px 'arial';
font-weight:bold;
border:none;
/*filter: alpha(opacity=.0); */

}

.dataitem {font-size: 8pt; 
font-family: Arial; 
background-color: #C0C0C0; color: #000000; 
border: "10 solid"; border-top-color: "#CFCFCF"; 
border-left-color: "#CFCFCF"; 
border-right-color: "#505050"; 
border-bottom-color: "#505050";}

/*****************************************
*** VARIOUS LINK STYLES ****************
****************************************/	

/* Please fill in if you can. */
a.activetabnav {

  font-weight: bold;
  text-decoration : none; 
  color:#FFFFFF
}

/* Please fill in if you can. */
a.activetabnav:hover {

  text-decoration : none; 
  color: #EDEDCA
}

/* Please fill in if you can. */
a.questionlink {
	color: #1E6196;
	text-decoration: none;
	font-size:9pt;
}

/* Please fill in if you can. */
a.questionlink:hover {
	color: #B1B185;
	text-decoration: none;
	font-size:9pt;
}

/* Please fill in if you can. */
a.topbannernav {
	font-weight: bold;
	color: #1F3F68;
	text-decoration: none;
}

/* Please fill in if you can. */
a.topbannernav:hover {
	font-weight: bold;
	color: #1F3F68;
	text-decoration: underline;
}

/* Please fill in if you can. */
a.tabsubnav {  
  font-size: 10px; 
  text-decoration : none; 
  color: #FFFFFF
}

/* Please fill in if you can. */
a.tabsubnav:hover {  
  font-size: 10px; 
  text-decoration : none; 
  color: #FF9900
}


/***************************************************************************************
 * Menu styles define the look-and-feel of the text and background of a menu           *
 * structure. This structure may be embedded in the aggregated page or may appear as a *
 * context sensitive  popup menu.                                                      *
 **************************************************************************************/

/* General menu settings such as background color, margins, etc */
.tabnav {
	font-size: 12px;
	border: none;
	text-decoration : none;
}

/* Anchor styles for tabnav class */
a.tabnav 
{  
  font-weight: bold;
  text-decoration : none; 
  color:#FFFFFF
}

/* Please fill in if you can. */
a.tabnav:hover 
{  
  text-decoration : none; 
  color: #1F3F58
}

/* Normal, unselected menu item.
Assign to table cels to get the border to show up correctly*/
.inactivetabnum {
	background-color: #F79C53;
	border-top: 1px solid #F79C53;
	border-right: 1px solid #F79C53;
	border-bottom: none;
	border-left: 1px solid #F79C53;
	text-align: center;
	color: #FFFFFF;
}

/* Please fill in if you can. */
.inactivetab {
	background-color: #FCB880;
	border-top: 1px solid #F79C53;
	border-right: 1px solid #F79C53;
	border-bottom: none;
	border-left: 1px solid #F79C53;
	text-align: center;
	color: #FFFFFF;
}

/* Selected menu item.*/
.activetab {
	background-color: #1F3F58;
	text-align: center;
	border: 1px solid #1F3F58;
	color: #FFFFFF;
}

/* Normal, unselected menu item when the mouse hovers over it. */
.tabnav-item-hover {
    color:#FF9900
}

/* REVISED USE: Blank Tab style, so it can have a bottom edge Normal, unselected menu item that has submenus.*/
.tabnav-blank {
      background-color: #FFFFFF;
	  border-bottom: none;
}

/* Top Header Text in dark bar*/
.menu-description {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}

/* Menu caption*/
.menu-caption {
	font-size: 12px;
	color: #5C8DB5;
}

/* Please fill in if you can. */
.dividerlinetab {
  background-color: #999999;
}

/* Thin rule line used a s divider. */
.dividerline {
  background-color: #999999;
}

.dividerlineText
{
 color: Olive;
 font-weight: bold;
}


/***********************************************************************************
 *  Styles for the course setup section  *
 ***********************************************************************************/

/* Please fill in if you can. */
 div.exportlinks {
    padding: 10px 4px 10px 0px;
    width: 400px;
    font-weight: bold;
    color: #1F3F58;
    font-size: 12px;
}

/* Please fill in if you can. */
div.exportlinks a {
    text-decoration: none;
}

/* Please fill in if you can. */
div.exportlinks span.excel {
	color: #FFFFFF;	
    text-decoration: none;	
    background-image: url(../images/excel_graphic_notext.gif);
}

/* Please fill in if you can. */
div.exportlinks span.csv {
	color: #FFFFFF;	
    text-decoration: none;	
    background-image: url(../images/csv_graphic_notext.gif);
}

/* Please fill in if you can. */
div.exportlinks span.xml {
	color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    background-image: url(../images/xml_graphic_notext.gif);
}

/* Please fill in if you can. */
div.exportlinks span.pdf {
	color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    background-image: url(../images/pdf_graphic_notext.gif);
}


/* Please fill in if you can. */
span.export {
    cursor: pointer;
    display: inline;
    display: inline-block;
    padding: 0px 4px 1px 20px;
}

/* Please fill in if you can. */
span.pagebanner {
    display: block;
    margin: 10px 0px 0px 10px;
    padding: 2px 4px 2px 0px;
    width: 79%;
}

/* Please fill in if you can. */
span.pagelinks {
    display: block;
    font-size: .95em;
    margin-bottom: 5px;
    margin-top: -18px;
    padding: 2px 0px 2px 0px;
    text-align: right;
    width: 80%;
}

/* Please fill in if you can. */
table.list {
	border-top: 1px solid #9A859F;
	border-right: 1px solid #9A859F;
	border-left: 1px solid #9A859F;
	border-bottom: 1px solid #9A859F;
	/*border-top: 1px solid #B1B185;
	border-right: 1px solid #B1B185;
	border-left: 1px solid #B1B185;
	border-bottom: 1px solid #B1B185; */
	background-color:#CCCC99;
	border-collapse:collapse;
	width: 100%;
 /*	old
    border: 1px solid #808080;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
    background-color: white; */
}

/* Please fill in if you can. */
table.list td {
    padding-left: 5px;
    padding-right: 0px;
}

/* Please fill in if you can. */
table.list th {
    background-color: #BEA6C3; /* old color #A790AC;*/
    padding-left: 5px;
    padding-right: 0px;
    /*border-bottom: 1px solid black;*/
    text-align: left;
}

/* Please fill in if you can. */
table.list a {
    color: black;
    text-decoration: none;
}

/* Please fill in if you can. */
table.list thead tr {
    background-color: #BEA6C3; /* old bkg color #A790AC;*/
}
/* th size */
table.list thead tr th {
  font-size:10pt;
  color: #FFFFFF;
  background-color:#BEA6C3;
  /*border-top: 1px solid #9A859F;*/
  font-weight:bold;
  height: 15pt;
}
table.list thead tr th.sortable{
    color: white; /* Added. */
    background-color: #BEA6C3; /* old bkg color #A790AC;*/
}

/* Please fill in if you can. */
table.list tr.even {
   /*old  background-color: #EDEDCA; */ 
    background-color:  #F6F6E4;
    border-top: 1px solid silver;
}

/* Please fill in if you can. */
table.list tr.odd {
    background-color: white;
    border-top: 1px solid silver;
}

/* Added. */
table.list thead tr th a {
	font-size:10pt;
    background-color: transparent;
    color: white; /* black*/
    text-decoration: none;
}

table.list th a, table.list th a:visited {
    background-color: transparent;
    color: white; /* black*/
    text-decoration: none;
}

/* Please fill in if you can. */
th.sorted a, th.sortable a {
    background-position: left;
    display: block;
    padding-left: 10px;                            /* padding for th block                   */
   /* padding: 0px 3px 0px 10px;   0px 3px;                      */
}

/* Please fill in if you can. */
table.list th.order1 a {
	background-image: url(../images/arrow_down.png) !important;
}

/* Please fill in if you can. */
table.list th.order2 a {
	background-image: url(../images/arrow_up.png) !important;
}
/* Please fill in if you can.*/ 
table.list th.sortable a {
	background-image: url(../images/arrow_off2.PNG);
}



/* Please fill in if you can. */
table.list th.sorted {
	background-color: #eee;
	color: #000000;
}

/* Please fill in if you can. */
table.list th.sorted a, table.list thead tr th.sortable a {
    background-position: left;                               /* ARROW position*/
    background-repeat: no-repeat;
    display: block;
    font-size:10pt;
    color: #FFFFFF;
    font-weight:bold;
    /*background-image: url(../images/arrow_off1.png) !important;*/
}



/* required? border-left: 1px solid #9A859F;*/
/* Please fill in if you can. */
table.list th.sortable:hover {
    background-color: #A790AC;
    
}

/* Please fill in if you can. */
table.list thead tr {
	background-color: #A790AC;
}

 

/* Please fill in if you can. */
table.list tr.odd {
	background-color: #FFFFFF;
	border-top: 1px solid #C0C0C0;
	color: #000000;
}
/* links inside odd */
/* old
table.list tr td a {
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
	color: #4D6F9E;
}
*/
table.list tr td a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1F3F68;
	text-decoration: none;
}
/* added links for table options*/
table.list tr td a.listoptions {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BEA6C3;
	text-decoration: none;
	/*background-image: url(../images/arrow_off.png);*/
}

table.list tr td a.listoptions:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#4D6F9E;
	text-decoration: underline;
}

/* table data similar to surveyemail */
table.list tr td {
  font-size:12px;
  color: #4D6F9E;
  font-weight:normal;
  height:20px;
}
a.view {
	
        color:#4D6F9E;
        font-weight:bold;
	font-size: 11px;
	text-decoration: none;
}



/* highlight table row onmouseover */
table.list tr:hover {
	background-color: #FFFF40;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	color: #000000;
	cursor: pointer;
	cursor: hand; /* IE 5.5 non-compliant workaround */
}

.itemsfound{
   background-color:#9A859F;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
      
}

/************************************************************************************
 * Left nav menu styles           *
 ************************************************************************************/

/* Please fill in if you can. */
body.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #7A687E;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/menu_bkg.gif);
	background-repeat: repeat-y;
}

/* Please fill in if you can. */
.menuTableCell {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCC99;
	color: #FFFFFF;
}

.menuTableCell-1 {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CeeC99;
	color: #FFFFFF;
}

/* Hiding the bottom nav on the left, for a presentation */
.menuTableCellhide {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A687E;
	color: #7A687E;
}

/* Please fill in if you can. */
.menuTableCellSelected {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCC99;
	color: #FFFFFF;
	background : #A790AC;
}

/* Please fill in if you can. */
A.menu:link {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/* Please fill in if you can. */
A.menu:visited {
	font-size: 11px;	
    color: #FFFFFF;
	text-decoration: none;
}

/* Please fill in if you can. */
A.menu:active {
	font-size: 11px;	
	text-decoration: none;
	color: #EDEDCA;
}

/* Please fill in if you can. */
A.menu:hover {
	text-decoration: none;
	color: #EDEDCA;
}

 
 /************************************************************************************
 * Top header bar styles         *
 ************************************************************************************/

/* Please fill in if you can. */
body.header {
	font-size: 11px;
	background-color: #CCCC99;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/topnav_header2.gif);
	background-repeat: repeat-x;
	align: right;
}

/* Please fill in if you can. */
.mainheader-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 0;
}

/* Please fill in if you can. */
.headerback {
	background-image: url(../images/topnav_headergrapes.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* Please fill in if you can. */
.navDivide {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1F3F58;
}

/* Please fill in if you can. */
a:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1F3F68;
	text-decoration: underline;
}
 
/************************************************************************************
 * Other style sheets added - for fileinput           *
 ************************************************************************************/ 

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

 
/************************************************************************************
 * Other style sheets added - for reports - export,..           *
 ************************************************************************************/ 
div.reports_exportlinks {
	font-weight: bold;
	color: #1F3F58;
	font-size: 12px;
        padding: 8px 0px 8px 5px;
        margin: 20px 0px 10px 0px;
        width: 100%;
        background-color:  #E5E5BE;
	border-top: 1px solid #CCCC99;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left:1px solid #CCCC99;
}
/* Main name in header, survey name. */
.survey_name_label 
{
 font-size:10pt;
 background-color:#D9CADC;
 color: #1F3F58;
 font-weight:bold;
}

/* Main name in header, survey name. */
.survey_name_label_reports 
{
 font-size:10pt;
 background-color:#D8D8B2;
 color: #1F3F58;
 font-weight:bold;
}


/* Main name in header, survey name. */
.survey_name_label_normal
{
 font-size:10pt;
 background-color:#D9CADC;
 color: #1F3F58;
  background-color:#FFFFFF;
}
/* The bar under header containing the names, in test admin and survey admin */
.name_box_reports
{
	border:1px solid #B1B185;
	background-color:#BEA6C3;
}

  /************************************************************************************
 * Other style sheets used, added -- Vin         *
 ************************************************************************************/

.simpleScroller{
 scrollbar-base-color: #9A859F;/* #EDEDCA;*/
}

.thin_box {
 border:1px solid #CCCC99;	

}

  /************************************************************************************
 * Added a style for field list
 * Craig Krolik
 ************************************************************************************/


/* Please fill in if you can. */
table.fieldlist {
	width: 100%;
}


/* Please fill in if you can. */
table.fieldlist td {
    padding-left: 5px;
    padding-right: 0px;
}

/* Please fill in if you can. */
table.fieldlist a {
    color: black;
    text-decoration: none;
}


/* Please fill in if you can. */
table.fieldlist tr.even {
    background-color:  #F6F6E4;

}

/* Please fill in if you can. */
table.fieldlist tr.odd {
    background-color: white;
}



/* Please fill in if you can. */
table.fieldlist tr td {
  font-size:12px;
  color: #1F3F58;
  font-weight:normal;
  height:20px;
}