/* Contents

	1. Generic
	2. Layout
	3. Header
	4. divLeft

*/
		
/* 1. Generic */
@font-face { font-family: CalibriEmbed; src: url('/Style/Calibri.otf');}

body, td, th, input, select, p, a {font-family:Calibri, CalibriEmbed, Verdana; font-size:12px;color:#555;}
		
p {margin-top:5px;}
a {outline:none;color:#0094d1;}
h1 {font-weight:normal;color:#4673a7;font-size:20px;font-weight:bold;margin:0 0 2px;}
h2 {color:#666;color:#4673a7;font-size:14px;margin:10px 0 4px;}
h3 {color:#666;color:#4673a7;font-size:14px;margin:10px 0 4px;}
.clear {clear:both;float:none;height:0;margin:0;padding:0;}

/* 2. Layout */
body {padding:0;margin:0 20px 0 20px;background:url('/images/gradient.gif') repeat-x #fff;}
#home {padding:0;margin:0;background:url('/images/gradient.gif') repeat-x #fff;}

#divContent {width:1000px;margin:0 auto;}


/* 3. Header */
#divHeader {position:relative;width:1000px;margin:0 auto;padding-top:20px;}

#imgiVectorConnectTitle {margin:5px 0;cursor:pointer;}

#divNavigation {position:relative;background:url('/images/navbar.gif') no-repeat;height:41px;margin-top:15px;padding-left:23px;}
#divNavigation a {margin-right:15px;line-height:42px;text-decoration:none;border-right:solid 1px #ccc;padding-right:15px;}
#divNavigation a.current, #divNavigation a:hover {color:#0094d1;text-decoration:underline;}
#divNavigation a.last {border:none;}

#divNavigation p {margin:0;position:absolute;top:2px;right:10px;}
#divNavigation p a {margin:0;border:none;color:#0094d1;}


input.button 
{
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#4673a7 0%,
		#378ae8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#4673a7),
		to(#378ae8));
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#4673a7, endColorStr=#378ae8); /*ie 6-9*/
	background: -ms-linear-gradient(top, #4673a7 0%, #378ae8 100%); /*ie 10*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#4673a7, endColorStr=#378ae8);
	display:inline-block; 
  		
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #2b598f;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}




/* sections and columns */
#divWelcome {text-align:center;margin:25px 0 35px;width:120%;background:#eee;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;margin-left:-10%;}
#divWelcome div {width:960px;margin:0 auto;padding:40px 0;}
#divWelcome h1 {color:#000;font-size:60px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
#divWelcome p {color:#000;font-size:32px;margin:0;}

div.column {float:left;background:#fff;width:290px;padding:3px;margin-top:10px;margin-right:56px;}
div.column div.url {font-size:12px;clear:both;}
#divCol3 {margin-right:0;}


div.section {margin-bottom:60px;}
div.section h1 {font-weight:normal;color:#000;font-size:30px;font-weight:bold;margin:0 0 5px;
                font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;padding-left:36px;background-repeat:no-repeat;background-position:0 2px;}
div.section h2 {font-size:16px;color:#4673a7;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin:20px 0 2px;}
div.section p {font-size:14px;margin:0 0 10px;}
div.section a {font-size:14px;}
div.section label {font-size:14px;font-weight:bold;}
div.section ul {margin:0 0 0 10px;list-style-type:none;padding:0;font-size:14px;}

#divMethods {background:#f8f8f8;padding:15px;border:solid 1px #eee;position:relative;top:-16px;}
#divMethods a {display:inline-block;margin-right:5px;color:#666;}

#divDocumentation a {text-decoration:none;}
#divDocumentation a img {border:none;vertical-align:text-top;margin-right:3px;}

#h1MakingCalls {background-image:url(/images/making_calls.png);}
#h1Demonstration {background-image:url(/images/demonstration.png);}
#h1Documentation {background-image:url(/images/documentation.png);}
#h1Queries {background-image:url(/images/queries.png);background-position:0 6px;}
#h1Methods {background-image:url(/images/methods.png);}
#h1Downloads {background-image:url(/images/downloads.png);}


/* property file */
#txtEmailAddressProperty {display:block;width:280px;}
#txtEmailAddressRoom {display:block;width:280px;}
#divLanguageSelect {margin-top:8px;}


/* static files */
div.section input.checkbox {padding-right:10px;position:relative;top:3px;}

		
/* 4. Left */
#divLeft {width:550px;position:relative;float:left;margin-right:30px;}


/* Demo Page */
#divContent.demo {margin-top:30px;position:relative;}
#divContent.demo h1 {font-weight:normal;color:#000;font-size:30px;font-weight:bold;margin:0 0 5px;
                font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;padding-left:36px;background-repeat:no-repeat;background-position:0 2px;}

#divContent.demo p {font-size:14px;}
#divContent.demo select {font-size:16px;}

#divTemplates {position:absolute;top:5px;right:0;}

div.xml {margin:20px 0 0;}
div.xml textarea {width:978px;padding:10px;font-family:Consolas, Courier New;font-size:12px;color:#555;line-height:1.4em;height:400px;}
div.xml pre {width:978px;padding:10px;font-family:Consolas, Courier New;font-size:12px;color:#555;line-height:1.4em;border:solid 1px #ddd;min-height:300px;margin-top:0px;} 
div.xml input.button {margin-top:20px;margin-bottom:20px;}


/* Logs page */
#divContent.logresults {margin-top:30px;position:relative;}
#divContent.logresults h1 {font-weight:normal;color:#000;font-size:30px;font-weight:bold;margin:0 0 5px;
                font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;background-repeat:no-repeat;background-position:0 2px;}
#divLogResults {padding-top: 30px;padding-bottom: 30px;}
#tblLogResults {border: 1px solid black;width: 985px;}
#tblLogResults td{text-align: left;}
#tblLogResults .cRequestType{width: 150px;text-align:left;}
#tblLogResults .cRequest{width: 50px;text-align:left;}
#tblLogResults .cRequestDateTime{width: 100px;text-align:left;}
#tblLogResults .cResponse{width: 50px;text-align:left;}
#tblLogResults .cResponseDateTime{width: 100px;text-align:left;}