h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

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

a:hover
{
  text-decoration: underline;
}

body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background-color: #FCFFF5;
}

body
{
  padding: 0px;
}

#firstBox
{
	min-height: 600px;
}

#menuBox
{
	width: 100%;
	height: 40px;
	padding-top: 10px;
	background-color: #33332D;	
	color: #FCFFF5;
}

#menuBox .left
{
	float: left;
	margin-left: 20px;
}

#menuBox .left h1
{
	display: inline;
	position: relative;
	left: 20px;
	bottom: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #FCFFF5;
}

#menuBox .right
{
	float: right;
	padding-top: 10px;
}

#bottomBox
{
	width: 100%;
	height: 25px;
	padding-top: 10px;
	background-color: #33332D;
	color: #FCFFF5;
	text-align: center;	
}

#bottomBox a
{
	color: #FCFFF5;
}

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

ul#nav
{
	margin: auto; /* 227px */
}

ul#nav li
{
	float: left;
	margin-right: 30px;
	text-align: center
}

ul#nav a
{
	float: left;
	padding-right: 0px;
	text-decoration: none;
	color: #FCFFF5;
}

ul#nav a:hover
{
	border-bottom: 2px solid #DB4105;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover
{
	background: #949494;
	color: #fff;
}

#mainBox
{
	margin: 0px auto;
	width: 780px;
	min-height: 500px;
	/*overflow: auto;*/
}

#topMainBox
{
	width: 100%;
	height: 25px;
	background-color: #33332D;
}


#codeBox
{
	color: #333333;
	margin: 5px;
	margin-top: 20px;
}

#codeBox label
{
	display: block;
	color: #545454;
	font-size: 12px;
	margin-left: 10px;
}

#codeBox .l
{
	float: left;
}

#codeBox .r
{
	float: right;
	margin-right: 15px;
}

#codeBox input
{
	font-size: 18px;
	width: 300px;
	height: 25px;
	disply: block;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #ccc;
	color: #aaa;
}

#codeBox input[type=checkbox]
{
	font-size: 18px;
	width: 12px;
	height: 12px;
	disply: block;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #ccc;
	color: #aaa;
		
}

#codeBox textarea
{
	clear: both;
	display: block;
	width: 740px;
	height: 250px;
	border: 1px solid #ccc;
	margin-left: 10px;
}

#codeBox select
{
	border: 1px solid #ccc;
	margin-left: 10px;
	margin-top: 10px;
	width: 200px;
	height: 25px;
}

#codeBox input:focus
{
	border-color: #ACCFCC;
}

#codeBox textarea:focus
{
	border-color: #ACCFCC;
}

#codeBox #submit
{
	background: transparent url(/images/btn.gif) 0 0 no-repeat;
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 8px;
 	border: none;
 	width: 100px;
 	height: 30px;
 	cursor: pointer;
 	vertical-align: middle;
}

#codeBox fieldset
{
	border: 2px solid #ccc;
}

#codeBox legend
{
	font-size: 14px;
	font-weight: bold;	
	margin-left:10px;
	margin-bottom: 0px;
	background-color: #fff;
	color: #DB4105;
}

#codeBox .content
{
	margin-top: 20px;
}

#codeBox .content .group
{
	
	margin: 10px 10px 30px 10px;
}


#showComments
{
	width: 600px;
	margin: 20px auto;
	border: 2px solid #ccc;
}

#showComments .comment
{
	width: 580px;
	margin: 10px;
	color: #747474;
	border-bottom: 1px dotted #ccc;
}

#showComments h3
{
	width: 580px;
	margin: 10px;
	color: #DB4105;
}

h2
{
	padding-left: 10px;
	color: #545454;
	border-bottom: 2px solid #bbb;
	background-color: #FDFDFD;
}

.comment div
{
	margin: 8px 0px 10px 10px;
	color: #545454;
}

#addComment
{
	color: #333333;
	width: 400px;
	margin: 40px auto;
}

#addComment label
{
	display: block;
	color: #545454;
	font-size: 12px;
	margin-left: 10px;
}

#addComment input
{
	font-size: 18px;
	width: 380px;
	height: 25px;
	disply: block;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #ccc;
	color: #aaa;
}

#addComment input[type=checkbox]
{
	font-size: 18px;
	width: 12px;
	height: 12px;
	disply: block;
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #ccc;
	color: #aaa;
		
}

#addComment textarea
{
	clear: both;
	display: block;
	width: 380px;
	height: 100px;
	border: 1px solid #ccc;
	margin-left: 10px;
}

#addComment input:focus
{
	border-color: #ACCFCC;
}

#addComment textarea:focus
{
	border-color: #ACCFCC;
}

#addComment #submit
{
	background: transparent url(/images/btn.gif) 0 0 no-repeat;
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 8px;
 	border: none;
 	width: 100px;
 	height: 30px;
 	cursor: pointer;
}

#addComment fieldset
{
	border: 2px solid #ccc;
	width: 400px;
}

#addComment legend
{
	font-size: 14px;
	font-weight: bold;	
	margin-left:10px;
	margin-bottom: 0px;
	background-color: #fff;
	color: #DB4105;
}

#addComment .content
{
	margin-top: 20px;
}

div#qTip 
{
	padding: 3px;
 	border: 1px solid #666;
  display: none;
  background: #999;
  color: #FFF;
  font: bold 9px Verdana, Arial, sans-serif;
  position: absolute;
  z-index: 1000;
}

#notification
{
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}

#notification img
{
	/*height: 20px;*/
}

#errorBox
{
	margin-bottom: 20px;
	width: 765px;
	border: 2px solid red;
	background-color: #FBEEEE;
}

#errorBox h2
{
	border: none;
	text-align: center;
	font-weight: bold;
	margin: 5px;
	color: red;	
}

.error
{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

#errorBox a
{
	color: blue;
}

#successBox
{
	margin-bottom: 20px;
	width: 765px;
	border: 2px solid #9FB4CC;
	background-color: #F6FFF7;
}

#successBox h2
{
	border: none;
	text-align: center;
	font-weight: bold;
	margin: 5px;
	color: #545454;
}

.success
{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
	color: #9FB4CC;	
}

#successBox a
{
	color: blue;
}

#secret
{
	margin: 10px auto;
	background-color: #fff;
	width: 600px;
	height: 300px;
	overflow: scroll;
}

#showCode
{
	border: 2px solid #363636; 
	width: 99%;
	margin: 0px auto;
	padding: 0px;
	background-color: #eee; /*#363636;*/
	overflow: scroll;
}


#plaincode
{
	margin: 10px 0px 0px 5px;
}

#plaincode textarea
{
	width: 740px;
	height: 250px;	
	border: 1px solid #ccc;
}

#options
{
	margin: 20px 0px 0px 0px;
}

#options a
{
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	text-decoration: underline;
}

#info
{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
	color: #747474;
}

#info div
{
	padding-top: 2px;
}

#info span
{
	margin-left: 5px;
	color: #545454;
}

#info a
{
	margin: 20px;
}
	

#address
{
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	color: #545454;
}

#address a, #view a 
{
	font-weight: normal;
	color: #545454;
}

#address a:hover, #view a 
{
	text-decoration: underline;
}

#niceFormat
{
	margin: 20px auto;
	width: 80%;
	font-size: 14px;
}

#niceFormat a
{
	color: #2b2b2b;
}

#niceFormat a:hover
{
	text-decoration: none;
	border-bottom: 2px solid #DB4105;
}

form.client-form label, form.c-form input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
	padding: 3px;
}


form.client-form input
{
	width: 70%;
}

form.client-form label 
{
	width: 27%; clear: both;
}

form.client-form img
{
	margin-left: 13px;
	margin-bottom: 10px;
}

form.client-form #sub
{
	float: right;
	background: transparent url(/images/btn.gif) 0 0 no-repeat;
	color: #545454;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 8px;
 	border: none;
 	width: 100px;
 	height: 30px;
 	cursor: pointer;
 	display: block;
}

form.client-form #sub2
{
	background: transparent url(/images/logBtn.png) 0 0 no-repeat;
	margin-top: 10px;
	margin-left: 8px;
 	border: none;
 	width: 100px;
 	height: 40px;
 	cursor: pointer;
 	display: block;
}

.err
{
	color: #DB4105; 
	text-align: center;
	margin-right: 80px;
	margin-bottom: 5px;
}

.userOperation
{
	border-right: 2px solid #4a98af;
	margin-right: 8px;
	padding-right: 5px;
}

.message
{
	font-weight: bold;
	width: 300px;
	margin: 40px auto;
	padding-bottom: 5px;
	text-align: center;
	color: #DB4105;
	font-size: 16px;
	/*border-bottom: 2px solid #4a98af;*/
}

#niceFormat h1
{
	margin-top: 50px;
	font-size: 16px;
	color: #545454;
}

#niceFormat h1 span
{
	color: #949494;
}

#rating
{
	margin-left: 5px;
}

#errorPage
{
	width: 700px;
	margin: 20px auto;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	color: #DB4105;
	border: 4px solid #9fb4cc;
}

#errorPage .header
{
	
	font-size: 20px;
}

#errorPage .content
{
	margin-top: 50px;
	margin-bottom: 50px;
	color: #545454;
}

#errorPage .bottom
{
	color: #aaa;
	font-size: 14px;
}

#errorPage a
{
	color: #DB4105;
}

#errorPage img
{
	
	
}

.arrow
{	
	float: right;
}

.arrow a:hover
{
	text-decoration: none;
}

.arrow-link span
{
	margin-bottom: 5px;
	position: relative; 
	bottom: 3px;
}

.arrow-link span:hover
{
	border-bottom: 2px solid #DB4105;
}

.space_40
{
	margin-left: 40px;
}

.space_10
{
	margin-left: 20px;
}

.bottom_left
{
	margin-left: 10px;
}

textarea#description
{
	display: inline;
	width: 400px;
	height: 150px;
}

.question
{
	font-weight: bold;
}

#faq
{
	margin: 27px auto;
	width: 700px;
	border: 2px solid #4a98af;
	
}

#faq h3
{
	margin: 10px 0px 20px 10px;
	color: #4a98af;
}

#faq div
{
	margin-bottom: 10px;
	margin-top: 5px;
}

#indicator
{
	width: 600px;
	margin: 10px auto;
	text-align: center;
}

#messageAjax
{
	margin: 20px auto;
	text-align: center;
	
}

#user
{
	margin: 0px 0px 10px 10px;
}

#user span
{
	font-weight: bold;
}

.red
{
	color: #DB4105;
	font-weight: bold;	
}

.check
{
	position: relative; 
	bottom: 2px;
}

#countComment
{
	font-weight: bold;
	position: relative;
	right: 5px;
}

.groupCodes
{
	padding: 0px;
	color: red;
	list-style-type: none;
}

.groupCodes li
{
	padding-left: 10px;
	padding-top: 5px;
}

.groupCodes .nav
{
	margin-left: 20px;
	color: #545454;
}

.changeN
{
	margin-top: 10px;
}

div .clear
{
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
}

#rat
{
	margin-top: 5px;
	margin-left: 5px;
		
}

#rat span
{
	color: #545454;
	font-weight: bold;
	font-size: 14px;
}

#moreLink
{
	margin-top: 10px;
}

#moreLink ul
{
	margin-top: 5px;
	padding: 0px 0px 0px 15px;
}

#moreLink li
{
	list-style-type: none;
	margin: 0px 0px 3px 0px;
}

#moreLink a
{
	color: blue;
	margin: 0px;
}

#benefitBox-left
{
	margin: 27px 0px 10px 5px;
	float: left;
}

#benefitBox-left .box
{
	margin-bottom: 40px;
	width: 230px;
	border: 2px solid #ddd;
}

#benefitBox-left .box h1
{
	text-align: center;
	margin: 10px 10px 0px 10px;	
	font-size: 16px;
}

#benefitBox-left .box h2
{
	text-align: center;
	margin: 10px 10px 0px 10px;	
	font-size: 16px;
	font-weight: bold;
	border: none;
}

#benefitBox-left .box strong
{
	color: #DB4105;
}


#benefitBox-left .box div
{
	text-align: center;
	margin: 5px 10px 10px 25px;
	color: #DB4105;
}

#benefitBox-left .box p
{
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color: #DB4105;
}

#benefitBox-left ul, #benefitBox-left li
{
	list-style: none;
}

#benefitBox-left .box li
{
	margin-bottom: 5px;
}


#benefitBox-left .box a
{
	color: blue;
	text-decoration: underline;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

#screencast
{
	text-align: center;
	margin: 50px auto;
}

.blue
{
	color: blue;
}