/* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */

body{
background:#ffffff;
margin:10px 10px 0px 10px;
padding:0px;
font-family:arial,sans-serif,"Trebuchet MS";
font-size:75.5%;
}
/*
a, a:link ,a:visited{ color:#888; font-weight:500;text-decoration: none;}

a:hover, a:active{ color:#FF6666; text-decoration: underline;}
*/
/*
a { 
color : #336699;
text-decoration : none;
} 
a:link ,a:visited { 
color : #336699;
text-decoration : none;
} 
a:hover, a:active { 
color : #8eb88f;
} 
*/

a:link,a:visited {text-decoration:none;font-weight:normal;color:#770000}
a:hover,a:active{text-decoration:underline;color:#c00}

/*
a {
	color: #3B6EBF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


a:link {
color: #3B6EBF;
font-weight: 100;
text-decoration: none;
}

a:active {
color: #3B6EBF;
font-weight: 100;
text-decoration: none;
}

a:hover {
color: #FF6666;
text-decoration: underline;
}

a:visited {
color: #FF6666;
text-decoration: none;
}


a:link {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
*/

			
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	//background-color: #EFEFEF;
	border: thin solid #999999;
}

UL.BLUE {
list-style: url(images/bullet.jpg) disc;
font-size: 1.0em;
}


h1 {
font-size:2.5em;
float:right;
color:#ccc;
padding-top:15px;

}

h3 {
font-size:14px;
color:#000000;

}

/* navigation */
#navigation { 
float : right;
width : 600px;
color : #333;
padding : 0;
height : 41px;
margin : 0 0 5px 0;
background-image : url(images/navbar.gif);
background-repeat : no-repeat;
} 
#navigation ul { 
/*margin : auto;*/
margin : 0 0 0 15px;
padding : 0;
list-style : none;
} 
#navigation ul li { 
float : left;
margin-right : 0;
} 
#navigation li a { 
display : block;
padding : 0 2em;
line-height : 3em;
color : #fffff1;
padding : 0 1.6em 0 1.6em;
} 
#navigation ul a:hover { 
color : #ffcb31;
} 

/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */

#footer{
height:40px;
background:#000 url('images/bg.jpg') top center repeat-x;
text-align: center;
padding-top: 8px;
clear: both;
float: none;
margin-left: -10px;
margin-right: -10px;
margin-bottom: -20px;
color:#999;
}

#footer a {
color:#999999;
text-decoration: none;

}
#footer a:hover {
color:#A5CE77;
text-decoration: none;

}
/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   width:400px;
}

#f1_upload_process1{
   z-index:100;
   visibility:hidden;
   position:absolute;
   width:400px;
}

#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #EFEFEF;			
}	

.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #CCCCCC;
	padding: 2px 6px 2px 6px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.b2title {
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #A40008;
	text-align: center;
	//vertical-align: top;
}

.apiurl
{
height: 25px; /*Specify Height*/
width:  700px; /*Specify Width*/
border: 1px solid black; /*Add 1px solid border, use any color you want*/
background-color: #E8E8E8; /*Add a background color to the box*/
text-align:center; /*Align the text to the center*/
font-size: 18px;
}

.xml
{
height: 460px; /*Specify Height*/
width:  760px; /*Specify Width*/
border: 1px solid black; /*Add 1px solid border, use any color you want*/
background-color: #E8E8E8; /*Add a background color to the box*/
font-size: 12px;
}

/******* GENERAL RESET *******/
h5{
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #5f95ef;
	margin-bottom: 1em;
}

/******* CONTAINER *******/
#container{
	width: 600px;
	margin: 40px auto;
	text-align: left;
}
/******* /CONTAINER *******/

/******* FORM *******/
#customForm{
	padding: 0 10px 10px;
}
#customForm label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}
#customForm input{
	width: 250px;
	padding: 6px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}
#customForm input.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm textarea{
	width: 550px;
	height: 80px;
	padding: 6px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 12px;
	border: 1px solid #cecece;
}
#customForm textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}
#customForm div{
	margin-bottom: 15px;
}
#customForm div span{
	margin-left: 10px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}
#customForm div span.error{
	color: #e46c6e;
}
#customForm #send{
	background: #6f9ff1;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	border: 0;
	cursor: pointer;
}
#customForm #send:hover{
	background: #79a7f1;
}
#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}
#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e;
}
/******* /FORM *******/


a.nav {
display:block;
background-color:red;
color:white;
padding:10px 25px;
width:25em;
float:center;
border: 1px solid black; /*Add 1px solid border, use any color you want*/
font-family: Arial,  Verdana, Helvetica, sans-serif;
font-style: italic;
font-size: 18px;
font-weight: bold;
}

a.nav:hover {
border: 1px solid black; /*Add 1px solid border, use any color you want*/
background-color:white;
color:red;
font-weight: bold;
}