/* CSS Document */

body {
	padding:0;
	}


/* --- Level 1 Layer---------------------------------*/
#assistive {
	width:820px;
	height:2px;
	font-size: 1px;
	padding:0;
	margin:0 auto;
	}
	
#container {
	width: 820px;
	margin: 0 auto ;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
	}
#licenseform {
	width: 720px;
	height: 470px;
	margin: 0 0 0 30px;
	padding:15px 0 25px;
	clear: both;
	}
	
/* --- Level 2 Layers------------------------------------*/

#header {
	width:820px;
	height:67px;
	margin:0;
	padding:0;
	}
	
#globalnav {
	width:820px;
	height: 24px;
	margin:0;
	padding:0;
	clear:both;
	}
	
#apptitle {
	width:820px;
	height: 30px;
	margin:0;
	padding:0;
	color: white;
	clear:both;
	}

#applications {
	width:546px;
	float:left;
	margin:2px 14px 6px 20px; 
	padding:0;
	}
/* fixes the left margin for non-IE browsers  */
html>body #applications {
   margin-left:40px;
}	
	
#help {
	width:140px;
	float:right;
	clear:none;
	margin:8px 8px 6px 0;
	padding-bottom:10px;
	}

#rightnav {
	width:127px;
	float:right;
	clear:right;
	margin:10px 10px 6px 0;
	padding: 5px;
}	
	
#copyright {
	width:820px;
	clear:both;
	padding: 16px 0 6px 0;
	margin:0px;
	}
	
#globalbottom {
	width:820px;
	clear:both;
	text-align:center;
	padding:5px 0 20px 0;
	margin:0;
	}
	
/* --- APPLICATION Child Layers -------------------------------------*/

/* Main Text Layer */
#text {
	border: 1px solid black;
	border-width: 1px 0 0 0;
	width:546px;
	padding:5px 0 10px 0;
	margin:0;
	clear:both;
	}

/* Columns Inside Main Text Layer */

	/*Accumulated Charges Box*/
#text #acch {
	float:left;
	width: 159px; 
	margin:8px 0 0 0;
	padding: 6px 6px 6px 60px;
	}
	
    /* Box to Right of Acc. Charges Box */	
#text #col2 {
	float:left;
	width: 312px;
	margin:0 0 0 7px;
	clear:none;
	/* IE 5 for Mac Hack \*//*/
	margin:-65px 0 0 232px;
	/**/
	}
/*---END 2 Column-------------------*/


/*--- 3 Column Layout (left column is image) ----*/
#text #col1of3 {
	float:left;
	width:118px;
	margin:0;
	padding:0 10px 0 0;
	}

#text #col2of3 {
	float:left;
	width:202px;
	margin:0;
	padding:0 10px 0 0;
	/* IE 5 for Mac Hack \*//*/
	margin: -85px 0 0 128px;
	/**/
	}
	
#text #col3of3 {
	float:left;
	width:202px;
	margin:0;
	clear:none;
	/* IE 5 for Mac Hack \*//*/
	margin:-163px 0 0 333px
	/**/
	}
/*--- End Three Column Layout ------------------*/

#text #col4 {
	float:left;
	width:500px;
	margin:0;
	padding-top: 15px;
}
	
/* --- #Header Formats ------------------------------------------*/

h1#georgialogo a{
	text-indent: -2000px;
	float:left;
	background:  url(../images/gfx_logo_georgia_dot_gov.jpg) no-repeat top left;
	width:360px;
	height:67px;
	padding:0;
	margin:0;
	/* IE 5 for Mac Hack \*//*/
	margin:-19px 0 ;
	/**/
	}

/* ---- The style for the right-side Application Logo is located in the <head> of each
 		individual page, because its background image will differ for each application -------*/

/* --- #globalnav Formats ------------------------------------------*/

#globalnav p {
	height:24px;
	margin:0;
	padding:0px 5px;
	font: 70%/200% Verdana, Arial, Helvetica, sans-serif;
	}

p.links {
	float:left;
	text-align:right;
	width: 65%;
	}

p.title {
	float:left;
	text-align:center;
	width: 65%;
	text-decoration: underline;
	font-weight: bold;
	}


p.date {
	float:right;
	}

.status {
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	}

/* --- apptitle Formats ------------------------------------------*/

#apptitle h2 {
	font:  bold 90%/180% white Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 20px; 
	width:70%;
	margin:0;
	float:left;
	}

p.secure {
	float:right;
	padding:0px 20px 0px 30px;
	margin: 3px 0px 3px 5px;
	font: bold 70%/180% Verdana, Arial, Helvetica, sans-serif;
	}

/* --- Right Navigation Box Formats ------------------------------------*/

	#rightnav ul {
	padding: 0;
	margin:0;
	}

 	#rightnav li {
	font:70%/200% Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	list-style:none;
	}

/* --- Help Panel Formats -------------------------------------*/

	#help h3 {
	display:block;
	padding: 12px 5px 5px 7px;
	margin:0;
	font: bold 80% Verdana, Arial, Helvetica, sans-serif;
	}

	#help ol {
	display:block;
	padding:0 0 0 1px;
	margin:0px 0px 10px 25px;
	}
	
	#help li {
	font:70% Verdana, Arial, Helvetica, sans-serif;
	padding:5px 5px 0 0;
	}
	
	#help img {
	padding: 0 8px;
	}
	
	h3#faq {
	padding:0;
	}

	h3#faq a{
	text-indent:-2000px;
	float:left;
	width:140px;
	height:32px;
	}

/* --- Copyright & Footer Formats ---------------------------------------------*/

p#copyright {
	font:70% Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	}

p#globalbottom {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	}


/* --- Link Formats -----------------------------------------*/


.menu a {
	font: bold 90%/200% Verdana;
	}

#results a {
	text-decoration:underline;
	}
	
/* --- APPLICATION FORMATS -------------------------------------------------*/

#applications h1 {
	font-size: 105%;
	float:left;
	clear:none;
	margin:0;
	padding: 10px 0 5px 0;
	width:313px;
	}

#applications h1#welcome{
	width: 500px;
}	

#applications h2{
	text-align:left;
	margin:5px 0 5px 0;
	padding: 3px 0 3px 2px; 
	font: bold 90% Verdana;  
	}

#applications h3 {
	font: bold 80% Verdana;
	float:left;
	width:232px;
	padding:10px 0 5px 0;
	margin:0;
	}	
#applications h4 {
	float:left;
	font-family: Verdana;
	font-weight: bold;
	text-align: center;
	font-size: 80%;
	width: 100%;
	margin-top: 5px 5px  10px 5px;
	}

#applications p {
	width:100%;
 	font: 70% Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	}
	
#applications p.extra {
	font-size:70%;
	}	
	
#applications p.right {
	padding-left:232px;
	margin-top:0;
	}
ul.menu {
	list-style:none;
	margin:0;
	padding:0;
	}

#applications .small {
	font-size: 65%;
	margin:0 0 10px 0;
	padding:0;
	}

ol {margin: 0 6px 20px 26px;}
li {font-size: 11px;}

/*---Accumulated Charges Formats---------------------*/

#acch h4 {
	font: bold 80% Verdana;
	margin:0;
	}
#acch p {
	margin:0;
	}

/*--- Text Block Formats-----------------------------*/

#col2 h2.matches {
	padding:0;
}

td {
word-wrap:break-word
}

/*--- Data Table Formats ------------------------------*/

#dataentry, #results{
	width:546px;
	clear:both;
	margin: 10px 0 10px 0;
	}
/*- Fix margin alignment for non-IE, part 1 -*/
html>body #dataentry {
	margin:0 0 10px 0;	
	}
html>body #results {
	margin:0 0 10px 0;	
	}

#dataentry caption{
	text-align:left;
	margin:0;
	padding: 3px 0 3px 232px; 
	font: bold 90% Verdana;  
	}
/*- Fix margin alignment for non-IE, part 2 -*/
html>body #dataentry caption{
	margin:10px 0 0 0;
	}


#dataentry td{
	font-size: 80%;
	padding: 8px 10px 8px 10px;
}

#dataentry .labels{
	width: 218px; 
	text-align: right;
	font-weight:bold;
	}
	
#dataentry .fields, #dataentry .total {
	width: 328px;
	}
	
.total {
	font-weight:bold;
	}
	
input {
	font-size:10px;
	}	

/*--- Results Table Formats ------------------------------*/

#results th {
	margin:0;
	padding: 1px 6px 1px 6px; 
	font: bold 90% Verdana;  
	}
	
#results td{
	padding: 1px;
	font: 80% Verdana;
	text-align:center;
	margin:0;
	border-top:13px solid white;
	}
	
#results td#result { 
	background-color:white;
	}
	
	
/*--- Buttons ------------------------------*/

#buttons {
	text-align:right;
	margin:10px 0;
	padding:0;
	}

button {
	display:inline;
	background-color:white;
	border:none;
	width:96px;
	height:26px;
	margin:0 5px;
	padding:0;
	}
	
button.long {
	width:114px;
	}

/*--Terms of Use -------------------------------*/

#terms h3 {
	font:bold Verdana;
	width:100%;
	margin: 15px 0 10px 0;
	padding: 5px;
	}

#terms p {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	clear:both;	
	}

#applications #errortoggle {
	font-size: 70%; 
	padding: 10px 0 10px 0;
	color: #AC390C;
	}
	
#applications #errortoggle img{
	padding-right:5px;
	float:left;
	}
	
#terms {
	width: 470px; 
	font: 70% Verdana, Arial, Helvetica, sans-serif; 
	}
	
	
#termScroll {
	clear:both;
	width: 520px; 
	height: 200px;
	padding:8px;
	overflow:scroll;
	}
#buttons2 {
	text-align:center;
	margin:10px 0;
	padding:0;
}
/*--Terms of Use -------------------------------*/

#terms h1, .terms h1 {
	font:bold 70% Verdana;
	width:100%;
	}

#terms p, .terms p {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	clear:both;	
	}

#applications #errortoggle, .applications .errortoggle {
	font-size: 70%; 
	padding: 10px 0 10px 0;
	}
	
#applications #errortoggle img, .applications .errortoggle img{
	padding-right:5px;
	float:left;
	}
	
#tou, .tou {
	width: 470px; 
	font: 70% Verdana, Arial, Helvetica, sans-serif; 
	}
	
	
#touscroll, .touscroll {
	clear:both;
	width: 525px; 
	height: 200px;
	padding:8px;
	border-width:1px;
	border-style: inset;
	overflow:scroll;
	}
	
/* END Terms of Use Layout */
/*-----------------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/* Begin Breadcrumb and Logout*/
#breadcrumbLogout {
	margin: 6px 20px 0px 20px;
	padding:0px 0px 0px 0px;;
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
}
.appBreadcrumbs {
	float:left;
}
.logout {
	float:right;
}
.appBreadcrumbs a, .logout a {
	text-decoration:underline;
}
/* End Breadcrumb and Logout*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* BEGIN Application Header Layout */
#app_header {
	width:820px; 
	margin:0;
	padding:0;
}

#ga_logo {
	float:left; 
	width:820px;
	height:25px;
	line-height:25px;
	padding:0;
	margin:0;
}
#csbmb_logo {
	float:left;
}
#hdrDecorativeImg {
	float:right;
}
.headerfooter {
	width:820px; 
	height:19px;
	margin:0 auto; 
	padding:0; 
}
.date {
	float:right; 
	margin:0px 6px 0px 5px; 
	padding:4px 14px 2px 5px; 
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
}
.headerfooter .links {
	margin:0; 
	padding:4px 5px 2px 35px; 
	float:left; 
	font: 10px Verdana, Arial, Helvetica, sans-serif
}

#app_header .headerfooter {
	clear:both;
}

.headerfooter .links a {
	text-decoration:none;
}
/* END Application Header Layout */
/*-----------------------------------------------------------------*/
p.close {
	float:right;
	text-align:right;
	width: 65%;
	text-decoration: underline;
	font-weight: bold;
}


#box2 {
position:absolute;
left:250;top:100; 
width:300px;
height:100px;
color:#FFFFFF;
border:2px solid #0054F4; 
border-top-width:0;
background:#ECE9D8;
text-align:center;
padding:7px;

}

#box2 .heading {
border-top:2px outset #0054F4; 
border-bottom:2px outset #0054F4; 
margin:-7px -7px 7px -7px;
padding:4px 7px;
background-color:  #0054F4;
color:white;
font:bold 16px Arial, sans-serif;
text-align:left;
}

#box2 .text {
 color:black;
 height:40px;
text-align:left;
}

#box2 button {
margin:5px;
width:100px;
background-color: #F2F5EC;
border: 1px outset #999;

}