/*
===============
| alert links |
==============*/

/* used to draw special attention to special links,
main reason of use is in WFPS and how it uses WMSBridge parameters
for it's requests*/

DIV.alert A:link {color:red; font-weight: bold;}
DIV.alert A:visited {color: red; }
DIV.alert A:active {color: red; }


/*
============
| TOP link |
============
*/
DIV.top{
	display: list-item;
	margin-left: 35px;
	list-style-image: url(..\images\top.jpg);	
	font-weight: bold;
	font-size: 8px;
}


/* 
================
| NAVIGATION BAR |
================
*/

DIV.navbar {

	/*width: 40%;
	display: block;*/
	display: inline;
	border-top-style:solid;
	border-bottom-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;

	border-left-style:0;
	border-right-style:0;
	border-left-width:0px;
	border-right-width:0px;

	border-color:black;
	/*background-color:#99CCFF;*/
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;

	padding:4pt;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;
}

/* cool gold color, FFDC00, cool blue color 22BBFF*/
/* bright yellow, #CCCC00, darker yellow #CCCC00 */


.navbar A:link {color:#FFDC00; font-size: 12; text-decoration: none; font-weight: bold;}
.navbar A:visited {color: #CCA900; font-size: 12; text-decoration: none; font-weight: bold;}
.navbar A:active {color: red; font-size: 12; text-decoration: none; }


/* 
=====================
| example text stuff |
====================*/
/* added this to fix the textarea bug , it would overflow the div - RW*/
textarea{
	width: 99%;
}

div.example {
	background-color:#DDDDDD;
	border-style:dotted;
	border-color: #000000;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	padding:10px;
	color:black;
	width: 69%;
	
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:105px;
	
}


div.bigheading{
	background:#99BBFF;
	border-left: 0px;
	border-top: 2px;
	border-right: 0px;
	border-bottom: 2px;
	border-style: solid;
}

/*
=========================
| textarea modifications |
=========================

This was added to get an extra line,
so the submit button isn't in a weird location!*/

textarea{
	display:block;
}


/* =============
| request divs |
=================*/


div.requesttype{

	width: auto;

	border-top-style:dotted;
	border-bottom-style:dotted;
	border-top-width:1px;
	border-bottom-width:0px;

	border-left-style:0;
	border-right-style:0;
	border-left-width:0px;
	border-right-width:0px;

	border-color:black;
	background-color:#FFFFFF;

	padding:4pt;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;
}

div.odd{
	background:#EEEEEE;
	font-size: 12;
	font-weight: normal;
	padding:4pt;
	

}

div.even{
	background:#DDDDDD;
	font-size: 12;
	font-weight: normal;
	padding: 4pt;

}

div.parameters{
	width: auto;
	font-size: 10;
	font-weight: bold;
	width: 99%;

	border-top-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;

	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;

	border-color:#DDDDDD;
	background-color:#EEEEEE;

	padding:4px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	margin-right:5px;
}


/* ===========
|  defaults  |
==============*/


A:link {color:#blue;}
A:visited {color: purple}
A:active {color: red}



/* 
=====================
| introduction div  |
=====================*/


div.introduction{
	
	width: auto;

	background-color:#FFFFFF;

	padding:10px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10;
	margin-right:0;

	border-left-style:dotted;
	border-right-style:0;
	border-left-width:0px;
	border-right-width:0px;

	border-bottom-style: dotted;
	border-bottom-width: 0px;

	
}




/* 
================
| FILE BAR |
================
*/

DIV.filebar {
	font-weight:italic;
	font-size: 12;
	width: auto;

	border-top-style:solid;
	border-bottom-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;

	border-left-style:0;
	border-right-style:0;
	border-left-width:0px;
	border-right-width:0px;

	border-color:black;
	/*background-color:#99CCFF;*/
	background-image: url(../images/bg.jpg);
	/*background-repeat: repeat-y;*/
	
	padding:4pt;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;

}

/*.filebar A:link {color:#FFDC00; font-size: 12; text-decoration: none; }
.filebar A:visited {color: #CCA900; font-size: 12; text-decoration: none;}
.filebar A:active {color: red; font-size: 12; text-decoration: none; } */

.filebar A:link {color:#0000FF; font-size: 12; text-decoration: none; }
.filebar A:visited {color: #000088; font-size: 12; text-decoration: none;}
.filebar A:active {color: red; font-size: 12; text-decoration: none; }





/* 
===========
| PICBOX |
===========*/

table.picbox {
	width: auto;

	border-style: solid;

	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;

	padding:4pt;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;

}

td.picbox_title {
	background-color: #ffffcc;
	font-weight: normal;
	font-size: 14;
	font-family: sans-serif;
}