*{margin:0;padding:0}
html{height:100%}
body{font-family:Verdana, Geneva, sans-serif;height:100%;width:100%}
table{border-collapse:collapse}
q{quotes:none}
a:hover{text-decoration:none}
a img{border:none}

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

#header{position:relative;height:130px}
	#header #logo{display:block;width:201px;height:74px;background:url(/images/logo.png) no-repeat left bottom;position:absolute;left:50px;top:30px}
	#header #menu{position:absolute;left:320px;top:50px;font:italic 0.9em Georgia, serif;color:#205964;list-style-type:none;font-variant:small-caps}
		#header #menu li{float:left;padding:0 10px}
			#header #menu li a{color:#205964}
			#header #menu li a.alt{color:#CB0123;font:0.8em Verdana, Geneva, sans-serif;font-variant:normal;display:block;padding:5px 0 0 0}
	#header .login{position:absolute;right:20px;top:50px;list-style-type:none;font-size:0.8em}
		#header .login li{padding:0 0 0 30px;margin-bottom:5px}
		#header .login li.enter{background:url(/images/enter.gif) no-repeat left top}
			#header .login li a{color:#000}
	#header #userpanel{position:absolute;right:20px;top:45px;font-size:0.8em;text-align:right;line-height:170%}
		#header #userpanel a{color:#000}
		#header #userpanel a.balance{color:#5D8C0A}
		#header #userpanel a.exit{color:#CB0123;background:url(/images/exit.gif) no-repeat left center;padding:5px 0 5px 20px;margin-left:10px}
		#header #userpanel img{vertical-align:bottom}

#intro{position:relative;height:33em;background:url(/images/box.jpg) no-repeat right 80px}
	#intro h3 {margin-bottom:5px;font:1.2em Georgia, serif;text-decoration:underline}
	#intro p{font-size:0.75em}
	#intro ul{padding:0 0 0 10px}
		#intro li{font-size:0.75em}
	#intro .pad{padding:0 70px 0 0}
	#intro h2{position:absolute;left:0;top:10px;width:100%;font:2.9em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;text-align:center}
	#intro .boxg{width:367px;position:absolute;left:10px;top:180px;opacity:0.5;filter:alpha(opacity=50)}
		#intro .boxg .box_top{height:10px;background:url(/images/box_top.png) no-repeat left top;font-size:0}
		#intro .boxg .box_bot{height:14px;background:url(/images/box_bot.png) no-repeat left top;font-size:0}
		#intro .boxg .box{background:#E4E4E4 url(/images/box_bg.png) repeat-x left top;padding:15px 35px 15px 20px;border-left:solid 1px #DBDBDB;border-right:solid 1px #DBDBDB}
	#intro .boxb{width:367px;position:absolute;left:350px;top:100px;opacity:0.5;filter:alpha(opacity=50)}
		#intro .boxb .box_top{height:10px;background:url(/images/box_top2.png) no-repeat left top;font-size:0}
		#intro .boxb .box_bot{height:14px;background:url(/images/box_bot2.png) no-repeat left top;font-size:0}
		#intro .boxb .box{background:#D9E5E8 url(/images/box_bg2.png) repeat-x left top;padding:15px 20px;border-left:solid 1px #DBDBDB;border-right:solid 1px #DBDBDB}
	#intro .boxy{width:367px;position:absolute;right:0;top:260px;opacity:0.5;filter:alpha(opacity=50)}
		#intro .boxy .box_top{height:10px;background:url(/images/box_top3.png) no-repeat left top;font-size:0}
		#intro .boxy .box_bot{height:14px;background:url(/images/box_bot3.png) no-repeat left top;font-size:0}
		#intro .boxy .box{background:#E3EF9E url(/images/box_bg3.png) repeat-x left top;padding:15px 20px;border-left:solid 1px #DBDBDB;border-right:solid 1px #DBDBDB}
	#intro .but_reg{display:block;width:224px;height:52px;background:url(/images/but_reg.png) no-repeat left top;position:absolute;left:390px;top:25em}
	#intro .but_order{display:block;width:224px;height:52px;background:url(/images/but_order.png) no-repeat left top;position:absolute;left:390px;top:25em}
	#intro a.youadvantages{position:absolute;right:110px;top:0;font-size:0.8em;color:#000}
	#intro a.but_questions{position:absolute;left:50px;top:65px;font-size:0.8em;color:#CB0123}
	#intro .info{position:absolute;left:40px;bottom:30px;font-size:0.8em}
		#intro .info td{padding:0 20px 0 0}
			#intro .info td a{color:#000}
			#intro .info td a.video{background:url(/images/video.jpg) no-repeat left center;padding:10px 0 10px 55px}
			
#content{float:right;width:680px;margin-bottom:20px}
	#content h2{margin-bottom:10px;font:1.6em Georgia, serif;text-decoration:underline}
	#content h2.alt{font:2em Georgia, serif;text-decoration:none}
	#content {font-size:0.8em;margin-bottom:15px}
	#content p{font-size:1em;margin-bottom:15px}
	#content .cat p{color:#657F85;margin-bottom:10px}
	#content a{color:#205964}
	#content table{width:100%}

#sidebar{float:left;width:300px;padding:0 0 0 10px;margin-bottom:20px}
	#sidebar h2{margin-bottom:5px;font:1.3em Georgia, serif;text-decoration:underline}
	#sidebar p{font-size:0.8em;margin-bottom:5px;color:#657F85}
	#sidebar a{color:#2D5B9C}
	#sidebar .boxtop{width:216px;margin:0px auto 0 auto;background:url(/images/sidebox_top.png) no-repeat left top;height:14px;font-size:0}
	#sidebar .boxbot{width:216px;margin:0 auto 20px auto;background:url(/images/sidebox_bot.png) no-repeat left top;height:14px;font-size:0}
	#sidebar .box{width:216px;margin:0 auto;background:#DCECC6 url(/images/sidebox_bg.png) repeat-x left top}
	#sidebar .menu{list-style-type:none;font-size:0.8em;width:100%}
		#sidebar .menu li{padding:5px 0 5px 20px;color:#87AE21}
		#sidebar .menu li.active{height:30px;line-height:30px;padding:0 0 0 20px;background:url(/images/menu_act_but.gif) no-repeat left top}
			#sidebar .menu li a{color:#000}
			#sidebar .menu li a:hover{color:#87AE21}
	#sidebar .login{padding:0 10px}
		#sidebar .login h2{font:italic 0.9em Georgia, serif;font-variant:small-caps;text-align:center;margin-bottom:10px}
		#sidebar .login td{padding:0 0 10px 0;text-align:center;font-size:0.8em}
		#sidebar .login .input{background:url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:181px;height:22px;color:#989898;padding:2px 0 0 5px;font:1.1em Georgia, serif}
		#sidebar .login .button{background:url(/images/but_enter.png) no-repeat left top;width:97px;height:26px;border:none;cursor:pointer}
		#sidebar .login label{font-family:Arial, Helvetica, sans-serif}

#footer{clear:both;padding:0 0 0 330px}
	#footer table{width:100%;font-size:0.8em;border-top:solid 2px #CCD3D5}
		#footer table td{padding:30px 20px 30px 0}
		#footer table .studio{width:30%}
	#footer a{color:#2D5B9C;font-size:0.9em;}

#payment{clear:both;padding:0 0 0 330px}
	#payment table{width:100%;font-size:0.8em;border-top:solid 2px #CCD3D5}
		#payment table td{padding:0px 0px 0px 0}
	#payment a{color:#2D5B9C;font-size:0.9em;}
	
#overlap{position:fixed;left:0;top:0;width:100%;background:#9f9f9f;opacity:0.7;filter:alpha(opacity=70);height:100%}
	
/*.button{background:url(/images/but_bg.png) no-repeat left top;height:28px;cursor:pointer;padding:0 0 0 20px;display:block;float:left;}
	.button button{background:url(/images/but_bg.png) no-repeat right top;height:28px;padding:0 20px 0 0;text-decoration:underline;font:12px Arial, Helvetica, sans-serif;border:none;color:#fff}*/
	
.button{background:url(/images/but_bg.png) no-repeat left top;cursor:pointer;padding:0 0 0 25px;text-align:center;border:none;font:12px Arial, Helvetica, sans-serif;color:#fff;overflow:visible;height:28px}
.button2{background:url(/images/but_bg2.png) no-repeat left top;cursor:pointer;padding:0 0 0 25px;text-align:center;border:none;font:12px Arial, Helvetica, sans-serif;color:#fff;overflow:visible;height:28px}
button::-moz-focus-inner{padding:0;border:0}
	.button span{background:url(/images/but_bg.png) no-repeat right top;height:24px;padding:4px 25px 0 0;text-decoration:underline;position:relative;display:block}
	.button2 span{background:url(/images/but_bg2.png) no-repeat right top;height:24px;padding:4px 25px 0 0;text-decoration:underline;position:relative;display:block}

	
#login{width:299px;position:absolute;left:50%;top:40px;z-index:99;margin-left:-150px;background:url(/images/login_top.gif) no-repeat left top;padding:12px 0 0 0}
#login form{background:url(/images/login_bot.gif) no-repeat left bottom;padding:0 0 12px 0}
	#login form div.border{border-left:solid 3px #67FFFB;border-right:solid 3px #67FFFB;padding:0 15px;background:#fff}
	#login form ul{margin-bottom:10px;font-size:0.8em;list-style-type:none;overflow:hidden;width:100%}
		#login form ul li.ajaxclose{color:#DA0127;float:right}
			#login form ul li.ajaxclose a{color:#DA0127}
		#login form ul li.enter{background:url(/images/enter.gif) no-repeat left top;float:right;padding:0 0 0 25px}
			#login form ul li.enter a{color:#000}
	#login form td{padding:0 0 15px 0;text-align:center;font-size:0.8em}
	#login form .input{background:#fff url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:250px;height:28px;color:#D4D4D4;padding:0 0 0 5px;font:1.7em Georgia, serif}
	#login form label{font-family:Arial, Helvetica, sans-serif}
	#login form td a{color:#34909F}
	
#message{width:457px;position:absolute;left:50%;top:40px;z-index:99;margin-left:-227px;background:url(/images/form_top.gif) no-repeat left top;padding:15px 0 0 0}
#message form{background:url(/images/form_bot.gif) no-repeat left bottom;padding:0 0 15px 0}
	#message form div.cl{padding:0 0 0 25px;background:#DCEBC5 url(/images/form_bg.gif) repeat-x left top}
	#message form label.error{font-size:1em}
	#message form ul{margin-bottom:10px;font-size:0.8em;list-style-type:none;overflow:hidden;height:1%;padding:0 25px 0 0}
		#message form ul li.ajaxclose{color:#DA0127;float:right}
			#message form ul li.ajaxclose a{color:#DA0127}
	#message form td{padding:0 0 10px 0;font-size:0.8em}
	#message form .input{background:#fff url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:397px;height:26px;color:#949494;padding:2px 0 0 5px;font:1.4em Georgia, serif}
	#message form textarea{background:#fff url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:397px;height:100px;color:#949494;padding:0 0 0 5px;font:1.4em Georgia, serif}
	#message form label{display:block;font-size:1.3em;color:#2F2F2F;text-align:left;margin-bottom:10px}
	
#need_article{width:457px;position:absolute;left:50%;top:40px;z-index:99;margin-left:-227px;background:url(/images/form_top.gif) no-repeat left top;padding:15px 0 0 0}
#need_article form{background:url(/images/form_bot.gif) no-repeat left bottom;padding:0 0 15px 0}
	#need_article form div.ll{background:#DCEBC5 url(/images/form_bg.gif) repeat-x left top}
	#need_article form ul{margin-bottom:10px;font-size:0.8em;list-style-type:none;overflow:hidden;height:1%;padding:0 25px 0 0}
		#need_article form ul li.ajaxclose{color:#DA0127;float:right}
			#need_article form ul li.ajaxclose a{color:#DA0127}
	#need_article form h2{font:italic 1.3em Georgia, serif;font-variant:small-caps;float:left;margin-bottom:10px;padding:0 0 0 25px}
	#need_article form table{border-top:solid 2px #DED8D8;width:100%;margin-bottom:10px;clear:both}
	#need_article form .alt{background:#FBFAE0;padding:10px 0;margin-bottom:10px}
		#need_article form .alt table{border-top:none;margin-bottom:0}
	#need_article form td{padding:7px 0;font-size:0.8em;vertical-align:top}
	#need_article form td.inp_name{padding:10px 5px 5px 25px;width:150px}
	#need_article form .input{background:#fff url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:245px;height:26px;color:#949494;padding:2px 0 0 5px;font:1.4em Georgia, serif}
	#need_article form .input_sm{background:#fff url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:79px;height:26px;color:#949494;padding:2px 0 0 5px;font:1.4em Georgia, serif}
	#need_article form textarea{background:#fff url(/images/input_bg.gif) repeat-x left top;border-top:solid 1px #7F7F7F;border-left:solid 1px #BEBEBE;border-right:solid 1px #BEBEBE;border-bottom:solid 1px #E9E9E9;width:245px;height:70px;color:#949494;padding:0 0 0 5px;font:1.4em Georgia, serif}
	#need_article form button{margin:0 0 0 25px}
	#need_article form select{background:#64D2D4;width:250px;height:28px;color:#fff;font:1.4em Georgia, serif;border:none;padding:2px 0 0 0}
	#need_article form select.select_sm{width:156px}
	#need_article form label{display:block;font-size:1.2em;color:#2F2F2F}
	#need_article form a.add{background:url(/images/plus.gif) no-repeat left 3px;padding:0 0 0 20px;color:#000;margin:0 0 0 25px}
	
div.errormessage{font-size:1em;font-weidth:normal;background-image:url(/img/admin/errormessage.gif);background-repeat:no-repeat;background-position:7px 7px;background-color:#FFFFE1;border:1px dashed #CFCFCF;margin-top:8px;margin-bottom:16px;padding:6px 6px 6px 32px;line-height:18px;}
div.infomessage{font-size:1em;font-weidth:normal;background-image:url(/img/admin/infomessage.gif);background-repeat:no-repeat;background-position:7px 7px;background-color:#FFFFE1;border:1px dashed #CFCFCF;margin-top:8px;margin-bottom:16px;padding:6px 6px 6px 32px;line-height:18px;}

.red {
  color: red;
}

.admin {
    width: 100%;
    font-size: 1em;
}

.admin td {
    padding: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.ajaxclose {
    cursor: hand;
}

.example {
  font-style: italic;
  color: #666;
  padding-left: 10px;
  }

.stat {
    width: 100%;
    border: 1px solid #e4e4e4;
    font-size: 0.9em;
}

.stat td {
    padding: 3px;
    height: 27px;
}

.stat td.rm {
    border-bottom: 1px solid #e4e4e4;
    background:#fff url(/images/table_stat_thead_td.png) repeat-x left bottom;    
    height: 34px;
}

.stat td.rs {
    background-color: #ffffcc;
}

.stat td.r1 {
    background-color: #f1f1f1;
}

.stat a {
    color:red;
}

.date {
    font-weight: bold;
}

a.a1 {
    font-weight: bold;
}

.t1 {
    font-size: 11px;
    text-indent: 10px;
}
/*
.border {
  border-color: black;
  border-width: 1px;
  border-style: solid;
  padding: 1px;
  }
*/
.desc {
  text-indent: 10px;
  text-align: justify;
  }

.red {
  color: Red;
}

.select {
  margin: 2px;
  width: 198px;
}

.system_msg {
        background-color: #f5f5f5;
        font-size: 10px;
        font-weight: bolder;
        width: 99%;
        text-align: center;
        color: red;
        padding: 3px;
        margin-bottom: 10px;
}

h3 {
  margin: 0px;
  font-weight: bolder;
  font-size: 1.1em;
  margin-bottom: 6px;
  }
  
input.checkbox
{
  border:0;
}

textarea {
  color: #000000;
  background-color: #FFFFFF;
  width: 99%;
  margin: 2px;
  padding: 2px;
}

input
{
  background-color: #FFFFFF;
  padding-left: 2px;
  margin: 2px;
}

div.article {
    padding: 10px;
    background-color: #efefef;
    font-size: 11px;
    text-align:justify
}


table.article {
    padding: 10px;
    font-size: 11px;
    text-align:justify;

}

table.article td{padding-left:5px}

.percent {color:#169102;}
.fparam {color:#FF6C00;}
.wordinfo {text-decoration:none; color:#0000FF; background-position:0 4px; background-repeat:no-repeat; padding-left:15px}
.wordinfoh {text-decoration:none; background-position:0 4px; background-repeat:no-repeat; padding-left:15px}
.exwords {background:url(img/treebg.gif) 4px -6px repeat-y}
.exwords div {padding-left:21px; background:url(img/treebg2.gif) bottom left no-repeat}
.faq  {text-align:justify; font-size: 11px}


#portfolio{width:100%}
    #portfolio h3{font:2em Georgia, serif;}
    #portfolio dl{clear:left;}
    #portfolio dl dt{float:left;font-weight:bold;padding:0 0.5em 0 0;}
    #portfolio dl dd{text-align:left;color:#333}
    #portfolio dl dd.examples{display:block;float:none;text-align:left;}
    #portfolio #infavor{font-weight:bold;color:#88c100;}
    #portfolio a{color:#333}
    #portfolio #photo{border:3px gray solid;margin-top:5px;}
	#portfolio #note1{width:300px}
	#portfolio #note2{width:300px}
    #portfolio .note-det{display:block;margin-top:8px;margin-left:8px;margin-right:8px;margin-bottom:8px;background-color:#FFFF99;border-width:1px;border-style:dotted;border-color:#808080;width:200;}	
    
/*.rounded {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#dcecc6 none repeat scroll 0 0;
    border: 1px silver solid;
    color:black;
    line-height:1.4;
    padding:20px;
}

.except-topright {
    -moz-border-radius-topright:0;    
}*/


/* POPUP WINDOW */
.window {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #E4E4E4;
    
    -moz-border-radius:6px;
}

.popup {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

.inside {
    min-width:255px;
    position:relative;
}

.window .control {
    float:right;
    
    height:26px;
    width:23px;
}

.window .control img {
    position:absolute;
    top: 7px;
}

.window .title {
    border-bottom:1px solid #E4E4E4;

    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;

    cursor:move;

    margin:0;
    padding:7px 9px;

    display:block;    

    font-size: 12px;
    background:#DFDFDF url(../images/table_stat_thead_td.png) repeat-x scroll left bottom;
}

.window .workarea {
    margin:10px;
    position:relative;
}

.hidden, .closed .workarea {
    display:none;
}

.resizehandle {
  background:transparent url(../images/grippie.png) no-repeat scroll 45%;
  cursor:s-resize;
  font-size:0.1em;
  height:16px;
  width:100%;
}

/* partners page block*/
	TABLE.partners{ width:100%; font-size: 11px;}
	TABLE.partners A{ text-decoration:none;}
	TABLE.partners IMG{border:1px solid #C8C8C8;}
	TABLE.partners TD{text-align:left;padding:10px 5px 0 0;vertical-align:middle;}
	TABLE.partners H3{font-size:12px;font-weight:bold;margin:0;padding:0;}
	TABLE.partners TD.desc{border-bottom:1px solid #C8C8C8;padding-bottom:10px;}

.quote {
	font-style: italic;
	border-left:solid 1px #bbb;
	color:#777;
	padding:10px;
	margin:10px 0 10px 10px;
}

div.hint {
	border:solid 1px #99CC66;
	background-color:#E9FFE8;
	padding:5px;
	color:#777;
	margin-bottom:10px
}