/*font shorthand is specified as: 
 *    font: [weight] [style] [variant] size [ / line-height] family;
 *   attributes in square brackets are optional */
/*border shorthand is specified as:
 *   border: width color style
 *   they can be in any order */
/* The format for positioning block elemnts is:
 *    position: choice; top: 0px; bottom: 0px; left: 0px; right: 0px;*/
/*background shorthand is similar to:
 *   background: #rrggbb url(images/background.gif) <repeat-type> <x-pos> <y-pos>*/
/*The html scrollbar manipulation only works in IE 5.5+
 *    It doesn't seem to work in firefox.*/

/***********************************/
/*    Default Page Layout Stuff    */

body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
 	text-align:center;
	margin: 1em 0 0 0;
  background-image: url(/images/gradient.gif);
  background-attachment: fixed;
  background-color: #e7f0e7;  /*white; */
  background-position: bottom;
  background-repeat: repeat-x;
}

/* specific divs */
#container {
	margin: 0 auto;
	padding: 0px;
	width: 960px;
	text-align: left;
  background-color: white; 
}

/*  the top of the page heading area */

#primelogo{
  float: left;
	position: relative;
	left: -5px;
  margin: 0;
  padding: 0;
  width: 240px;
  height: 100px;
  z-index:1;
}

#site{
	background-color: white;
	text-align: left;
}

#top_menu{
	top: 5px;
	height: 75px;
	vertical-align: top;
	font-size: 12pt;
	text-align: center;	
}
#bottom_menu{
	height: 20px;
	vertical-align: top;
	font-size: 12pt;
	text-align: center;
}

#nav_hr {
	float: right;
	position: relative;
	margin-right: 5px;
	margin-bottom: 15px;
	border: 0;
	top: 11px;
	height: 1px;
	width: 780px;
	text-align: right;
	color: #060;
	background-color: #060;
}
  
div.mainbody{
  float:left; 
  margin: 6px 0 0 0;
  width: 780px;
  padding: 10px; 
  /*border: 1px #9b9 solid;*/
	border-top: 1px #9b9 solid;
  background-color: #fff;
}

p.fullwidth{
	float: left;
  width: 760px; 
  padding:  0;  
}

#real_footer{
  float:left; 
  font-size: 10pt;
  color: green;
	width: 99%; 
  height: 35px;
  padding: 10px 10px 10px 0; 
  border: 1px #9b9 solid;
	margin-top: 1em;
	margin-bottom: 1em;
  background-color: #efe;
  text-align:right;
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  border-radius: 8px;
}

#footer{ 
  left: 158px; 
  width: 64.85%; 
  padding: 5px 10px 0 10px; 
  margin: 8px 0;
  min-width:515px;
  background: orange; 
  font-size: 20px; 
  color: purple;
  text-align:left;
  border:5px orange ridge;
}

.debug_dump{
  background: #eee;
}

a:link, a:visited { font-weight: bold; color: #006600; text-decoration: none; }
a:hover { text-decoration: underline; }
a.orange:link, a.orange:visited { font-weight: bold; color: #FF8800; text-decoration: none; }
a.orange:hover{ text-decoration: underline; }	

a img{ border: 2px white solid; }
a:hover img{ border: 2px green solid; }


.form{
  width: 100%;
  font-size: 13px;
}

h1, h2, h3 {  font-family: georgia, verdana, sans-serif; }
h1 { font-size: 28px;}
h2 { font-size: 22px; }
h3 { font-size: 20px; margin: 30px 0 0 0; }

#columnLeft {
  float: left;
  width:370px;
  margin: 0 0em 0 0px;
}

#columnRight {
  float: left;
  width:365px;
  margin: 0 0 0 15px;
}

p.columnblock{
  margin: 15px 0 15px 0;
}

p.columncenter{
  align: center;
}

#signup_box{
  position: relative;
  height:50px;
  width: 200px;
  border: 1px black solid;
  background-color:yellow;
  text-align:center;
  vertical-align: text-bottom;
  font-size:18pt;
  font-weight:bold;
  margin: 10px auto 25px auto;
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  border-radius: 8px;
}

#signup_box a:visited{color:blue;}

.flash_video{
  text-align: center;
  margin: 0 0 0 -10px;
}

#policy_document_content{
  margin: 0 0 30px 0;
  text-align: left;
}

#pricing_prompt_box{
  margin: 0 0 10px 0;
  padding: 5px;
  border: 1px solid green;
  text-align: center;
  font-weight:bold;
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  border-radius: 8px;
}

.so_testimonial{
  border: 1px;
  border-style: solid;
  border-color: green;
  margin: 0px;
  margin-bottom: 5px;
  padding: 5px;
  width: 600px;	
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  border-radius: 8px;
}

.so_testimonial p{
  margin: 0;
  padding: 0;
  text-align: left;	
}	

/*    End Default Page Layout Stuff    */
/***************************************/

/****************************************/
/*        fieldset objects              */
                                      /**/
fieldset{                             /**/
  background:#efe;                    /**/
  border: 1px green solid;            /**/
	margin: 0 5px 5px 5px;
  padding: 5px 5px 5px 10px;          /**/
	text-align: left;                   /**/
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  -webkit-border-radius: 8px;		      /**/ /*for rounded corners in webkit browsers*/
  border-radius: 8px;                 /**/
}                                     /**/
                                      /**/
legend{                               /**/
  font-weight:bold;                   /**/
  color: #060;                        /**/
}                                     /**/
                                      /**/
label{                                /**/
  font-weight:bold;                   /**/ 
  font-size:13px;}                    /**/
                                      /**/
small{                                /**/
  font-size:8pt;                      /**/
  color: gray;                        /**/
}                                     /**/
                                      /**/
.paired{                              /**/
  font-size:10pt;                     /**/
}                                     /**/
                                      /**/
.right_side{                          /**/
  padding-left:15px;                  /**/
  vertical-align:top;                 /**/
}                                     /**/
                                      /**/
.left_side{                           /**/
  width:50%;                          /**/
  padding-left:15px;                  /**/
  vertical-align:top;                 /**/
}                                     /**/
/****************************************/

/****************************************************************/
/*    For the Navigation menu on the left side of the screen    */
                                                              /**/
#navigation{                                                  /**/
  position:absolute;                                          /**/
  top: 129px;                                                 /**/
  left:-30px;                                                 /**/
  width: 150px;                                               /**/
  height: 100%;                                               /**/
  font-size: 10pt;                                            /**/
  font-family: verdana, arial, helvetica, sans-serif;         /**/
  font-weight: bold;                                          /**/
}                                                             /**/
                                                              /**/
html>body div#navigation {                                    /**/
  top: 105px;                                                 /**/ 
}                                                             /**/
                                                              /**/
#navigation li {                                              /**/
  color: blue;                                                /**/
  list-style-image: url(/../images/arrowLTR.gif);             /**/
}                                                             /**/
#navigation li a{                                             /**/
  text-decoration: none;                                      /**/
  color: blue;                                                /**/
}                                                             /**/
#navigation li a:hover{text-decoration: underline;}           /**/
                                                              /**/
/****************************************************************/

/*************************************************/
/* Styles for the register walkthrough pages     */
.started{                                      /**/ 
	line-height:15pt;                            /**/
}                                              /**/
.started ul ul {                               /**/
  font-size:10pt;                              /**/
  margin: 0 0 0 15px;                          /**/
  padding: 0;                                  /**/
}                                              /**/
.download{                                     /**/
	line-height:15pt;                            /**/
}                                              /**/
                                               /**/
.registered{                                   /**/
	line-height:15pt;                            /**/
}                                              /**/
.registered ul ul {                            /**/
  font-size:10pt;                              /**/
  margin-left:-15px;                           /**/
  margin-right:10px;                           /**/
}                                              /**/
                                               /**/
                                               /**/
.area_example{                                 /**/
  border: 1px solid #7ac;                      /**/
  background:white;                            /**/
  font-family: courier, verdana, sans-serif;   /**/
  font-size:10pt;                              /**/
  width:80%;                                   /**/
 }                                             /**/
/*     End Styles for the walkthrough pages      */
/*************************************************/

/****************************************************/
/*          Records Page Formatting                 */
                                                  /**/
#record_results table{font-size:10pt;}            /**/
                                                  /**/
#record_results a:visited{color:blue;}            /**/
                                                  /**/
#no_views{                                        /**/
  color:black;                                      /**/
  text-align:center;                              /**/
}                                                 /**/
                                                  /**/
#all_viewed{                                      /**/
  color:green;                                    /**/
  text-align:center;                              /**/
}                                                 /**/
                                                  /**/
#public_policies{                                 /**/
  position:relative;                              /**/
  left:25%;                                       /**/
  width:50%;                                      /**/
  color:#c33;                                     /**/
  text-align:center;                              /**/
}                                                 /**/
                                                  /**/
/****************************************************/

/****************************************************/
/*            FAQ Page Formatting                   */
/*						              			  /**/
#faq_list{                                        /**/
    list-style-type: none;                        /**/
}                                                 /**/
                                                  /**/
#faq_list fieldset{                               /**/
    width:90%;                                    /**/
}                                                 /**/
/*                                                /**/
/*           End FAQ Page Formatting                */
/****************************************************/

/****************************************************/
/*        Search Page Formatting                    */
/*                                                  */
/* Format the preview showed on a search result     */
.searchPreview{                                   /**/
  color:black;                                    /**/
}                                                 /**/
                                                  /**/
#search_box{                                      /**/
  margin: 5px 0 0 15px;                           /**/
  border: 2px #797 solid;                         /**/
  background: #cec;                               /**/
}                                                 /**/
                                                  /**/
/*          End Individual Page Formatting          */
/****************************************************/
                                                  
/**************************************/                                                  
/*        Format policy text          */
.Section1{color:black;}             /**/
                                    /**/
#buttons{                          /**/
  position:relative;                /**/
  bottom:17px;                      /**/
  z-index:2;                        /**/
}                                   /**/

#quiz_notification{
	background-color: #DDFFDD;
	border-top:solid 1px #88AA88;
	border-bottom:solid 1px #88AA88;
	margin-bottom:2px;
}
#questionsParent{                          /**/
  position:relative;                /**/
  float:right;                        /**/
}                                   /**/
                                    /**/
                                    /**/
.page_button{                       /**/
  border: 2px white solid;          /**/
  float:right;                      /**/
}                                   /**/
                                    /**/
a:hover .page_button{               /**/
  border: 2px green solid;          /**/
  float:right;                      /**/
}                                   /**/
                                    /**/
.page_button_disabled{              /**/
  border: 2px white solid;          /**/
  float:right;                      /**/
}                                   /**/
                                    /**/
a:hover .page_button_disabled{      /**/
  border: 2px white solid;          /**/
  float:right;                      /**/
}                                   /**/
/*  policies text Page Formatting     */
/**************************************/
/****************************************************/
/*            Error message formatting              */


.Message_Box {
  position:relative;
  left:24%;
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin: 10px 0 20px 0;
  margin-bottom: 20px;
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  -webkit-border-radius: 8px;            /**/ /*for rounded corners in webkit browsers*/
  border-radius: 8px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* This must stay. It is the id that objects use when displaying error info, not the
   class (Message_Box) that I use when displaying my own error info. I do, however, use it
   as the id of an error box.*/
#ErrorExplanation {
  position:relative;
  left:24%;
  width: 400px;
  border: 2px solid red;
  padding: 7px 7px 12px 7px;
  margin-bottom: 20px;
  background-color: #fee;
  -moz-border-radius: 8px;            /**/ /*for rounded corners in mozilla browsers*/
  -webkit-border-radius: 8px;            /**/ /*for rounded corners in webkit browsers*/
  border-radius: 8px;                 
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* Error is used in application_helper during message display */

#Error {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #fee;
}

#Error h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#Error p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#Error ul li {
  list-style: square;
}

.ErrorText {
  color: #c00;
}

/* Success is used in application_helper during message display */

#Success {
  border: 2px solid green;
  background-color: #efe;
}

#Success h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 11pt;
  margin: -7px;
  background-color: #494;
  color: #fff;
}

#Success p {
  margin-bottom: 0;
  padding: 5px;
}

#Success ul li {
  list-style: square;
}

#Success li {
  list-style: square;
  margin-left:20px;
}
.SuccessText {
  color: #0a0;
}

/* Neutral is used in application_helper during message display */

#Neutral {
  border: 2px solid #555;
  background-color: #efe;
}

#Neutral h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #999;
  color: #fff;
}

#Neutral p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#Neutral ul li {
  font-size: 12px;
  list-style: square;
}

.NeutralText {
  color: #000;
}
/*       End Error message formatting       */
/********************************************/

/****************************************/
/*            Random Stuff              */
div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

div.spacer { clear: both;}

#noscript{
	font-size: large;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

#cookies_warning {
	font-size: large;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

pre {
  padding-left: 10px;
  font-size: 11px;
}

/*         End Random Stuff             */
/****************************************/
/* you can inherit and define multiple schemes for links (and other elements) */
