/* CSS Document */

body, form {
	background-color:#fff;
	font-family:"Trebuchet MS", Arial, Verdana;
	/*font-size:12px;*/
	font-size: 0.9em;
	color:#444444;
	margin:0;
}



/* //////////////////////////SIDEBAR/////////////////////////////////////////// */




#sidebar input {
	width:200px;
	background-color:#f6f6f6;
	border-top:1px solid #eee;
	border-right:1px solid #f9f9f9;
	border-bottom:1px solid #f9f9f9;
	border-left:1px solid #eee;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#ccc;
	padding:4px;
	margin:3px;
}
#sidebar input:hover {
	border:1px solid #ccc;
	color:#666;
}
#sidebar input:focus {
	border:1px solid #999;
	color:#333;
}




#sidebar {
	float:left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*font-size:11px;*/
	font-size: 0.8em;
	color:#777;
	line-height:20px;
}
#sidebar h1 {
	color:#CB43A5;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Verdana;
}
#sidebar ul {
	margin:0;
	padding:0;
	/*font-size: 14px;*/
	font-size: 1.3em;
}
#sidebar li {
	margin:0;
	padding:0;
	list-style:none;
}


#sidebar p {
	padding: 0 30px 0 5px;
	margin:20px 0 20px 0;
}
#sidebar .fat_image 
{
	margin-left: 16px;	
}


/* //////////////////////////MENU/////////////////////////////////////////// */


 .menu_item a {	
	background-color:#eee;
	color:#f60;
	border-right:10px solid #eee;
	/*font-size: 12px;*/
	font-size: 0.9em;
	display:block;
	padding:8px 10px 8px 20px;
	margin:0 0 1px 0;
	background-color:#f6f6f6;
	border-right:10px solid #fff;
	color:#666;
	text-decoration:none;
}

 .menu_item a:hover 
 {
	border-left:2px solid #ddd;
	background-color:#eee;
	color:#333;
	border-right:10px solid #eee;
 }

 .menu_item_select a 
 {
	width:180px;
	background-color:#eee;
	color:#000;
	/*font-size: 12px;*/
	font-size: 0.9em;
	display:block;
	padding:8px 10px 8px 20px;
	margin:0 0 1px 0;
	text-decoration:none;
}

.menu_item_header a 
{
		color:#ff7200;
}
.menu_item_header  a:hover  
{
	color:#ff7200;
	
}


.menutree{
	width:206px;
	background-color:#FFFFFF;
	border:2px solid #ddd;
	border-top:none;
	border-right:2px solid #ddd;
	/*font-size:11px;*/
	font-size: 0.8em;
	font-weight:normal;
}

.menutree div
{
	padding-top:3px;
	padding-left:10px;
	padding-bottom:4px;
}
.menutree a 
{
	color:#333;
	text-decoration:none;
}






/* //////////////////////////container/////////////////////////////////////////// */

#container {
	width:780px;
	margin:0 auto;
}




/* //////////////////////////content/////////////////////////////////////////// */

#content 
{
	width:500px;
	margin:0 0 0 220px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-top:2px solid #eee;
	background-image:url(../images/backgrounds/h1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding-left: 40px;
	padding-top: 30px;
}
#content h1 {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	/*font-size:34px;*/
	font-size:2.8em;
	font-weight:normal;
	color:#000;
	letter-spacing:-1px;
}
#content h2 {
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	/*font-size:24px;*/
	font-size:2.2em;
	font-weight:normal;
	color:#000;
	letter-spacing:-1px;
	/*padding:15px 15px 15px 15px;*/
}
#content h3 {
	font-family:"Trebuchet MS", Tahoma, Verdana;
	/*font-size:17px;*/
	font-size:1.5em;
	font-weight:bold;
	color:#007CaA;
	letter-spacing:-1px;
	margin:0;
}

#content h4 {
	margin-bottom:0px;
	font-size:1.4em;
}

#content h5 {
	font-size:1.1em;
	margin-bottom:15px;
}

#content h6 {
	color:#007CaA;
	margin-top:0;
	margin-left:10px;
	font-size:0.9em;
}

#content input 
{
	margin: 0px;
	padding: 0px;
}

#content li {
	list-style:none;
	background-image:url(../images/backgrounds/li.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 5px 0px 20px;
	margin:5px 0 5px 0;
}

#content .circle li 
{
	background: none;
	list-style: circle;
	padding:0;
	margin:0;
}

#content a {
padding: 2px;
color:#007CaA;
}

#content a:hover {
padding: 1px;
background-color: #FFFFFF;
text-decoration:underline;
color:#339;
border: 1px solid #007CaA;
}


#content img {
	border:none;
	margin:10px 10px 10px 20px;
	padding:5px;
	/*background-color:#fff;*/
}


#content .downloadlink a
{
color:#333;
padding:0 2px 0 2px;
text-transform:lowercase;
display:block;
width:466px;
text-align:right;
background-image:url(../images/download_c_asp-net_trial.gif);
background-position:center;
background-repeat:no-repeat;
height:82px;
text-decoration:none;
position:relative;
}

#content .downloadlink a:hover 
{
padding:0 2px 0 2px;
border: 0;
text-decoration:none;
color:#000;
cursor:pointer;
background-image:url(../images/download_c_asp-net_trial_over.gif);
}

#content .proceedtodownloadlink a
{
color:#333;
padding:0 2px 0 2px;
text-transform:lowercase;
display:block;
width:466px;
text-align:right;
background-image:url(../images/aspnetmedia_download_free_trial.gif);
background-position:center;
background-repeat:no-repeat;
height:82px;
text-decoration:none;
position:relative;
}

#content .proceedtodownloadlink a:hover 
{
padding:0 2px 0 2px;
border: 0;
text-decoration:none;
color:#000;
cursor:pointer;
background-image:url(../images/aspnetmedia_download_free_trial_over.gif);
}


#content .purchaselink a
{
color:#333;
padding:0 2px 0 2px;
text-transform:lowercase;
display:block;
width:466px;
text-align:right;
background-image:url(../images/purchase_aspnet_component.gif);
background-position:center;
background-repeat:no-repeat;
height:82px;
text-decoration:none;
position:relative;
}

#content .purchaselink a:hover 
{
padding:0 2px 0 2px;
border: 0;
text-decoration:none;
cursor:pointer;
background-image:url(../images/purchase_aspnet_component_over.gif);
}



/* //////////////////////////MANUAL/////////////////////////////////////////// */



#manual img
{
	float: none;
	border: 1px solid #666;
	margin:0;
	padding:0;
	/*background-color:#fff;*/
}
#manual a {
padding: 2px;
color:#007CaA;
}


#manual a:hover {
padding: 1px;
background-color: #FFFFFF;
text-decoration:underline;
color:#339;
border: 1px solid #007CaA;
}


#manual table{
background-color: #FFFFFF;

}

#manual td{
padding: 5px;
background-color: #D9EAEA;
font-weight:normal;
border: 3px solid #FFFFFF;
vertical-align: top;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#manual textarea{
padding: 7px;
background-color: #eeefee;
border-top: 1px solid #999999;
border-bottom: 1px dashed #666666;
border-left:none;
border-right:none;
font-size: 11px; 
font-family:'Courier New', Courier, monospace; 
overflow: auto;
width: 460px;
}

#manual .codeheading{
padding-left:7px;
padding-right:7px;
margin: 0;
background-color: #eeefee;
border-top: 1px dashed #666666;
border-left:none;
border-right:none;
font-size: 14px; 
font-family:'Courier New', Courier, monospace; 
width: 460px;
overflow: visible;
display: block;
}


#manual blockquote{
margin-left:10px;
margin-right: 0px;
}


/* //////////////////////////HEADER/////////////////////////////////////////// */



.HTMLHeader
{
margin-top: 10px;
text-align:center;
width:100%;
height:216px;
vertical-align:middle;
background-image:url(../images/header/asp_net_media_back_bar.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.HTMLHeader img{
display:inline;
vertical-align:middle;
}
.HTMLHeader input{
display:inline;
vertical-align:middle;
margin-right:4px;
}
.HTMLHeader .logoshift{
 margin-top:-8px;
}




/* //////////////////////////FOOTER/////////////////////////////////////////// */







#footer {
	padding:15px;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
	margin:25px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	clear:both;
}
#footer a {
	color:#666;
}
#footercontent {
	width:700px;
	margin:0 auto 0 auto;
}




/* //////////////////////////DOWNLOAD LINK/////////////////////////////////////////// */

.downloadlink{
width:466px;
vertical-align:middle;
text-align:right;
}

.downloadlink a
{
color:#333;
padding:0 2px 0 2px;
text-transform:lowercase;
display:block;
width:466px;
text-align:right;
background-image:url(../images/download_c_asp-net_trial.gif);
background-position:center;
background-repeat:no-repeat;
height:82px;
text-decoration:none;
position:relative;
}

.downloadlink a:hover 
{
padding:0 2px 0 2px;
border: 0;
text-decoration:none;
color:#000;
cursor:pointer;
background-image:url(../images/download_c_asp-net_trial_over.gif);
}

.downloadlink a span{
font-family:"Trebuchet MS", Arial, Verdana;
color:#666666;
/*font-size:20px;*/
font-size: 1.55em;
font-weight:bolder;
vertical-align:middle;
text-align:right;
position:absolute;
top: 28px;
right: 33px;
font-stretch:narrower;
letter-spacing: -1px;
}
.downloadlink a:hover span{
color:#ffffff;
}

/* //////////////////////////PROCEED TO DOWNLOAD/////////////////////////////////////////// */


proceedtodownloadlink{
width:466px;
vertical-align:middle;
text-align:right;
}


.proceedtodownloadlink a
{
color:#333;
padding:0 2px 0 2px;
text-transform:lowercase;
display:block;
width:466px;
text-align:right;
background-image:url(../images/aspnetmedia_download_free_trial.gif);
background-position:center;
background-repeat:no-repeat;
height:82px;
text-decoration:none;
position:relative;
}

.proceedtodownloadlink a:hover 
{
padding:0 2px 0 2px;
border: 0;
text-decoration:none;
color:#000;
cursor:pointer;
background-image:url(../images/aspnetmedia_download_free_trial_over.gif);
}

.proceedtodownloadlink a span{
font-family:"Trebuchet MS", Arial, Verdana;
color:#666666;
/*font-size:20px;*/
font-size: 1.55em;
font-weight:bolder;
vertical-align:middle;
text-align:right;
position:absolute;
top: 28px;
left: 33px;
font-stretch:narrower;
letter-spacing: -1px;
}
.proceedtodownloadlink a:hover span{
color:#ffffff;
}


/* //////////////////////////PURCHASE LINK/////////////////////////////////////////// */


.purchaselink{
width:466px;
vertical-align:middle;
text-align:right;
}


.purchaselink a
{
color:#333;
padding:0 2px 0 2px;
text-transform:lowercase;
display:block;
width:466px;
text-align:right;
background-image:url(../images/purchase_aspnet_component.gif);
background-position:center;
background-repeat:no-repeat;
height:82px;
text-decoration:none;
position:relative;
}

.purchaselink a:hover 
{
padding:0 2px 0 2px;
border: 0;
text-decoration:none;
cursor:pointer;
background-image:url(../images/purchase_aspnet_component_over.gif);
}

.purchaselink a span{
font-family:"Trebuchet MS", Arial, Verdana;
color:#666666;
/*font-size:20px;*/
font-size: 1.55em;
font-weight:bolder;
vertical-align:middle;
text-align:right;
position:absolute;
top: 28px;
right: 33px;
font-stretch:narrower;
letter-spacing: -1px;
}
.purchaselink a:hover span{
color:#ffffff;
}



/* //////////////////////////contact_form/////////////////////////////////////////// */



.contact_form input {
	background-color:#f6f6f6;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#999;
}
.contact_form input:hover {
	border:1px solid #aaa;
	color:#666;
}
.contact_form input:focus {
	border:1px solid #999;
	color:#333;
}

.contact_form textarea {
	
	background-color:#f6f6f6;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	color:#999;
}
.contact_form textarea:hover {
	border:1px solid #aaa;
	color:#666;
}
.contact_form textarea:focus {
	border:1px solid #999;
	color:#333;
}


/* //////////////////////////version history table/////////////////////////////////////////// */


#version_history
{
	width: 460px;
	border: solid 1px #ddd;
}

#version_history .heading
{
	background-color: #ddd;
	text-align:center;
}

#version_history td
{
	border: solid 1px #ddd;
}


/* //////////////////////////balloon help demonstration/////////////////////////////////////////// */

.balloon  {
	width: 315px;
}
.balloonmiddle {
	width: 295px;
	background-image: url(../images/balloonmiddle.gif);
	background-repeat: repeat-y;
	font-family: tahoma, arial;
	font-size: 10px;
	font-style: normal;
	padding-left:10px;
	padding-right:10px;
}
.balloontop {
	width: 315px;
	background-image: url(../images/balloontop.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.balloonbottom {
	width: 315px;
	background-image: url(../images/balloonbottom.gif);
	height: 30px;
	background-repeat: no-repeat;
}


/* //////////////////////////flash demonstration/////////////////////////////////////////// */


.dotbox
{
	border:dotted 1px gray;
	margin-right:30px;
	margin-bottom:30px;
}
.dotbox input
{
	border:solid 2px maroon;
	background-color: white;
	color: maroon;
}



/* //////////////////////////justhumans/////////////////////////////////////////////////// */

.contact_form .justhumans {
	border:0;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:0;
	padding:0;
}

.contact_form .justhumans input {
	border:0;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	margin:0;
	padding:0;
}
.contact_form .justhumans input:hover {
	border:0;
	margin:0;
	padding:0;
}
.contact_form .justhumans input:focus {
	border:0;
	margin:0;
	padding:0;
}
.contact_form .justhumans a {
	border:0;
	margin:0;
	padding:0;
}
.contact_form .justhumans a:hover {
	border:0;
	margin:0;
	padding:0;
}
.contact_form .justhumans img {
	border:0;
	margin:0;
	padding:0;
}
.contact_form .justhumans #imageVerificationText {
}


/* //////////////////////////modal popup/////////////////////////////////////////// */



/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.popup_panel
{
	background-color:white;
	text-align:center;
}