﻿
/*  Layout
----------------------------------------*/
.ContainingArea
{
	width: 800px;
	margin: 0 auto;
	padding: 5px;	
	text-align: left;
	}

@media screen
{
    .TopRow
    {
        border:  #CCCCCC 1px solid;
        background-color: white;
        padding: 25px;
	    margin-bottom: 5px;
    }

}
.Row
{
    border:  #CCCCCC 1px solid;
	background-color: white;
	margin-bottom: 5px;
    padding:  0px 25px 25px 25px;
    

}


.NavRow
{
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
	border-left: #CCCCCC 1px solid;
	border-bottom: #CCCCCC 1px solid;
	background-color: white;
	position: relative;	
 padding: 10px 25px 10px 25px;

}


.TopMenu a:hover
{
/* font-weight:bold;*/
}


.topmenuhomebutton
{
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
}

.RightAreaMenuItem
{
	
	height:17px; 
	float: left;
	cursor: pointer;
	display: block;
}
form{
    margin:0px;
    padding:0px;
}

.TopMenu
{
    text-align:right;
}

/* End Layout
----------------------------------------*/



/*  Inputs
----------------------------------------*/


.TextBoxInput
{
  border: solid 1px #ccc;
  width:735px;
}

.TextBoxInputNoSize
{
  border: solid 1px #ccc;
}

.TextBoxInputSmall
{
  border: solid 1px #ccc;
  width:100px
}

.TextBoxMultiLine
{
  border: solid 1px #ccc;
  width:735px;
  height:300px;
}


.MarginBottom
{
   margin-bottom:10px;
    
}


.TextBoxMultiLineNoSize
{
  border: solid 1px #ccc;
  height:300px;
}



/*  Global
----------------------------------------*/
a, a:Hover, a:Visited, a:active
{
	color: #2B4FAF;
	text-decoration: none;
}

body 
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #e1e2e3;
}

h4
{
font-size: 100%;
	font-weight: bold;
	color: #00909C;
	margin: 0 0 5px 0;
	padding: 0;
}

.toprulerow
{
	height: 2px;
	background-image: url('../Images/menurule.gif');
  margin-bottom:10px;
}



.TopMenu a 
{
     font-size:9px;
      /*  background-color: #F0F7E8;*/
    padding:3px;
    border: solid #00909C 2px;
    color: #00909C;
    text-decoration:none;
   
}



@media screen
{
    .GreyArea {
	          border : #cccccc 1px solid; 
	        padding:4px;
		    background-color:  #eeeeee; 
    	    
    }
    
    
   .margin
    {
        margin-top: 5px;
    }


}


.Buttons
{
	border: solid 1px #ccc;
	background: #eee;
	width: 70px;
}



ul, ol
{
	padding: 5px 5px 5px 25px;
	margin: 0 10px 5px 10px;
}

li
{
	padding: 1px;
}



/* End Global
----------------------------------------*/

/* Copyright
----------------------------------------*/

.copyright, .copyright a, .copyright a:visited
{
	font-size: 10px;
	color: #9b9b9b;
	width: 800px;
	text-align: right;
	margin: auto;
	margin-top: 0px;	
}

.copyright img
{
	display: inline-block;
	margin-bottom: -3px;
}
.copyright .logo-footer
{
  padding-bottom: 10px;
  text-align: right;
  float: right;
  width: 100%;
}


/* Review Page 
----------------------------------------*/

.AnswerList li
{
   list-style-type:decimal;
    margin-bottom:10px;
}


/* Question Pages
----------------------------------------*/
.A4lList 
{
	background-color: #F0F7E8;
   
}


.QuestionNumber
{
    font-size: 100%;
    	font-weight: bold;
    		color: #00909C;
    
}


.QuestionInformation
{
    background-color: #F0F7E8;
  margin-top:3px;
   margin-bottom:3px;
      padding: 5px;
}



/* POP UP */

.popupbg{display:none;position:fixed; _position:absolute; height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:1;}  
.popup{display:none;position:fixed;_position:absolute;height:500px;width:750px;background:#FFFFFF;border:2px solid #cecece;z-index:2;} 
.popupclose {position:absolute; right:8px; top:4px; font-weight:800; display:block; font-size:16px; text-decoration:none;}
.pointer{ cursor:pointer;}