body 
{
background-color: #fff;
font: .8em/1.3em verdana,arial,helvetica,sans-serif;
text-align: center;
}

a img, :link img, :visited img { border:none; }

.otherdemos {overflow: auto; width: 290px; height: 365px; border: solid 1px #eee; margin-left: 5px;}

#container {width: 1100px; margin: 10px auto;}
#media {float: left; width: 800px; padding: 0;}
#media h2 {margin: 2px 0px; font-size: 1.6em; text-align: left;}
#links {float: left; width: 300px; padding: 0;}
#links {font-size: 0.9em; text-align: left; color: #333;}
h1, h2 {font-family: "Trebuchet MS",Verdana,arial; text-decoration: none; padding: 0; font-weight: bold; color: #333;}
#links h2 {margin: 8px; font-size: 1.3em; }
#links h3 {margin: 5px 8px; font-size: 1em; }
#links ul {list-style: none; color: #f2f2f2; margin: 1px 8px; padding: 0;}
#links li {padding-left: 0px; margin: 3px 0 0 0; border-bottom: solid 1px #ccc;}
#links li a img {float: left; padding: 2px; margin: 3px 5px 1px 1px; border: solid 1px #333; background: #fff; }
#links li a {color: #01a2fe; font-weight: bold; }
#links li a:hover {color: #025889; }
#links li p {color: #777; padding: 3px 0; margin: 0; font-size: 0.8em;}

.rate {border-top: dashed 1px #ccc; padding-top: 3px;}
.logo {margin: 20px 0 5px 8px}

.howlike {margin: 13px 0 3px 5px; padding: 3px;}
a.like {background: url(like.png) no-repeat; width: 100px; height: 95px; display:block; text-decoration: none; float: left; margin-right: 10px;}
a.nolike {background: url(nolike.png) no-repeat; width: 100px; height: 95px; display:block; text-decoration: none; float: left;}

#share {font-size: 0.9em; text-align: left; color: #333;}
h1, h2 {font-family: "Trebuchet MS",Verdana,arial; text-decoration: none; padding: 0; font-weight: bold;}
#share h2 {margin: 5px; font-size: 1.3em; background: #01a2fe; color: #fff; padding: 3px; }
#share h3 {margin: 1px 8px; font-size: 1em; }
#share ul {list-style: none; color: #f2f2f2; margin: 1px 8px; padding: 0;}
#share li a {margin: 0; padding: 5px 0; color: #01a2fe; font-weight: bold; }
#share li span {font-size: 0.8em; color: #888; display: block; width: 200px; margin-left: 65px;}

* html form li {height:1%;}
label.description {color:#333; width: 60px; float: left; text-align: right; margin-right: 0.5em;	display: block; font-weight: bold;}
input.text {
	background:#fff;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	padding:2px 0;
}
form li {padding: 2px 0;}

/* popup */
.popup_block li {width: 420px; padding: 3px 0;}
.popup_block label.description {color:#333; font-size: 1em;  width: 220px; float: left; text-align: right; display: block; font-weight: bold;}
.popup_block input.text {
	background:#fff;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	padding:2px 0;
}
.close {display: none;}
.popup_block .note { margin: 10px 0; color:#333; }
.popup_block a {color: #01A2FE;}
.popup_block a.dont {font-family: "Trebuchet MS",Verdana,arial; font-size: 1.1em; padding-bottom: 5px; font-weight: bold;}

.button_img4
{
	background: url(../img/submit4.png) no-repeat; 
	width:155px;
	height: 50px;
	border-width: 0;
	color: #01A2FE; 
	cursor: pointer;
	font-family: "Trebuchet MS",Verdana,arial; font-size: 1.4em; padding-bottom: 5px;  text-decoration: none; font-weight: bold;
}

.medium  {width: 200px}

.sendbtn {border:1px solid #ddd; background:#fff; color:#333; font-size: 0.9em; font-weight: bold; cursor: pointer;}
.share {padding: 0px 5px 2px 40px; background: url(../img/share.png) no-repeat 2px; margin-left: 5px;}
.subs_error {color:#fff; background:#FF5A00; font-weight: bold; padding: 2px 5px; margin: 5px;}
.subs {color:#9FFFAC; font-weight: bold; padding: 2px 5px;}

/*topnav*/

ul.topmenu {
margin: 0;
padding: 15px 0 0 0;
background: white url(navbg.png) no-repeat top right;
height: 50px;
}


.topmenu li{
display: inline;
}

.topmenu li a{
color: #006699;
padding: 5px 30px;
text-decoration: none;
font-weight:bold;
background: transparent;
height: 50px;
}

.topmenu li a:hover{
color: #3399cc;
}

.topmenu li a.trial {color: #009933;}
.topmenu li a.sh {color: #3399cc;}
.topmenu li a.feedback {color: #006699;}

#FlashUpdate
{   
    background: #fff6bf; 
	text-align: left;
	padding: 5px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	margin: 5px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ff3d00;
	text-align: center;
	width: 500px; 
	display: none;
	
	
}
#FlashUpdate a {color: #ff3d00;font-weight: bold;}