/* CSS Document */

@import "css/faq.css";
@import "css/tutorial.css";
@import "css/servicediscussion.css";

body{
background:#e0e0e0 url(images/bodybg.gif) repeat-x;
color:#505050;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;

}

p{
line-height:1.5em;
margin:0 0 15px;
}

.required
{
	color:Red;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Courier New, Verdana, Arial;
	font-weight: bold;
}

a{
color:#fa9035;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#d04a10;
}

hr{
height:1px;
margin:1px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}



.tag
{
	font-size:0.9em;
	font-weight:700;
	margin: 0 5px 0 5px;
	color: #666666;
	text-align:center;
}

.largesubscribe
{
	font-size:1.6em;
	font-weight:700;
	color: #333333;
	text-align:right;
}

.msg_info 
{
	/*background:#e8ecf0;*/
	color: #505050;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.msg_error 
{
	/*background:#e8ecf0;*/
	color: #FF0000;
	
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}

td 
{
    text-align: left;
}		    

#container{
background:#c0c0c0 url(images/bodybg.gif) repeat-x;
margin:0 auto;
text-align:left;
width:752px;
}

#service
{
	background:url(images/service2.jpg) no-repeat;
	margin:0 auto;
	text-align:left;
	width:420px;
	height:200px;
	
}

#servicename
{
	margin:7px 0 0 0;
}

#servicelogo
{
	margin:7px 0 0 0;
}

#servicenumbusers
{
	font-size:0.9em;
	font-weight:700;
}

#servicedescription
{
	margin:0 28px 0 0;
}

td.small
{
	font-size:0.9em;
	font-weight:700;
	margin:0 28px 0 0;
	
}


#sitename{
background:url(images/header1.jpg) top center no-repeat;
color:#ffffff;
font-weight:400;
height:120px;
width:752px;
margin:0 0 0 0;
text-align:center;
}

#sitename h1{
font-size:2.2em;
margin:0;
padding-top:20px;
}

#sitename span{
font-size:1.6em;
letter-spacing:-1px;
margin:0;
}

#nav{
background:url(images/greypx.gif) bottom left repeat-x;
float:left;
width:752px;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
background:url(images/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#505050;
}

#nav li{
background:url(images/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
list-style:none;
}

#nav #current{
background:url(images/tabs.gif) no-repeat 0 -41px;
}

#nav #current a{
background:url(images/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}

#header{
height:30px;
position:relative;
width:730px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a{
color:#d04a10;
}

#topbox a:hover{
text-decoration:underline;
}

#leftside{
float:left;
margin:-15px -30px 0;
width:145px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}

#leftside li{
list-style:none;

}

#content{
margin:45px 160px 0 180px;
}

#contentalt{
margin:45px 15px 0 180px;
}

#content p,#contentalt p{
margin:8px 0 0 10px;
}

#noborder
{
	border-style:none;
}

#content h1,#contentalt h1{
color:#94A8B3;/*#505050;*/
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
text-align: center;
}

#content h2,#contentalt h2{
color:#505050;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content img,#contentalt img{
border:1px solid #fa9035;
float:left;
margin:5px 15px 6px;
}

#footer{
clear:both;
color:#a0a0a0;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:center;
/*width:730px;*/
}

#footer a{
color:#a0a0a0;
font-weight:400;
}

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

#wrap1{
background:#ffffff url(images/innerbg.gif) repeat-y;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:750px;
min-height:400px;
}

#wrap2{
background:url(images/header.jpg) top left no-repeat;
padding:10px;
width:730px;
min-height:400px;
}


.menublock{
margin-bottom:10px;
}



.nav{
color:#d04a10;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url(images/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}


.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

.formcentered 
{
    display: block;
    text-align: center;
    margin-left: 50px;
    margin-right: 50px;
    width: 80%;
    
}

.formcentered td 
{
    text-align: center;
}

.centered
{
    display: block;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    width: 90%;
}
/*
.sectionTitle
{
    color: #94A8B3;#d04a10;
    font-size:2em;
    font-weight:400;
    margin:15px 0 10px;
    padding:0;
    text-align: left;
    
}
*/
.nrCurrentPage
{
    font-weight: bold;
    color: #94A8B3;
}

.remarked
{
   font-weight: bold;
    color: #94A8B3; 
}
/*codeexamples begin*/

.demoarea {
	padding:7px;
	background:#FFF url(images/codeexamples/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/codeexamples/demobottom.png) no-repeat left bottom;
}

.demodescription
{
	padding: 7px; 
	cursor: pointer; 
	vertical-align: middle;
}

.demotitle
{
}

.democontent
{
}

.demoexpander
{
	float: right; 
	vertical-align: middle; 
	margin-top: -19px;
	
}


.demoshowdetailslink
{
	 float: left; 
	 margin-left: 380px; 
	 margin-top: -15px;
}


.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:100%;		
	height:30px;
	background-image: url(images/codeexamples/bg-menu-main.png);
	background-repeat:repeat-x;
	/*color:#FFF;*/
	font-weight:bold;
}
/*codeexamples end*/