*
{
	margin: 0;
	padding: 0;
}

body
{
	background: black url(../images/background.png) repeat-x left top;
	font-family: Arial;
	color: #000;
	font-size: 12px;
}

img
{
	border: 0 none;
}

a
{
	text-decoration: none;
	color: #000;
}

#content
{
	width: 940px;
	margin: 0 auto;
}

/*HEADER*/

#header
{
	background: transparent url(../images/headerback.png) no-repeat left bottom;
	width: 916px;
	height: 193px;
	clear: both;
	padding: 0 12px 0 12px;
}

#header .transparent
{
	background: transparent url(../images/transparent.png) repeat-y left top;
	float: left;
	width: 6px;
	height: 192px;
}
#header .center
{
	background: #FFFFFF url(../images/gray.png) repeat-x left bottom;
	float: left;
	width: 904px;
}

#header .logo
{
	float: left;
	width: 226px;
	margin: 5px 20px 0 10px;
}

#header .lang{
    height:14px;
    padding: 6px 0 0 9px;
    font-size:13px;
}

#header .rightheader
{
	float: left;
	width: 685px;
	overflow: hidden;
}

#header .loginform
{
	background: #FFF url(../images/loginback.png) no-repeat;
	color: #FFF;
	padding: 14px;
	margin: 0 0 0 280px;
}

#header .emptiness
{
	width: 300px;
	height: 72px;
}

#header .loginform  a
{
	color: #FFF;
}

#header .firstline label
{
	margin: 0 0 0 3px;
	font-weight: bold;
}

#header .secondline
{
	margin: 7px 0 5px 33px;
	font-size: 11px;
}

#header .secondline a
{
	margin: 0 0 0 35px;
}

#login, #password
{
	width: 131px;
	height: 18px;
	border: none;
	margin: 0px 4px;
	background: transparent url(../images/usernamefield.png) no-repeat;
}

#ok
{
	vertical-align: top;
}

#remember
{
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#header p
{
	text-align: right;
	margin: 25px 20px 0 20px;
	font-size: 14px;
	font-weight: bold;
	font-family: "Century Gothic", Arial;
}

#header p .active
{
	color: #F4B101;
}

#header p .online
{
	color: #1884AB;
}

#menu{
	height: 31px;
	clear: both;
	margin: 0 0 0 220px;
}

#menu div
{
	float: left;
	height: 23px;
	text-align: center;
}

#menu a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

#menu .bookmark
{
	background: transparent url(../images/bookmark.png) no-repeat left top;
	width: 119px;
	margin: 0 0 1px 4px;
	padding: 7px 0 0 0;
}

#menu .bookmark a
{
	color: #1A83A4;
	display: block;
	width: 119px;
	height: 20px;
}

#menu .activebookmark
{
	background: transparent url(../images/activebookmark.png) no-repeat left top;
	width: 130px;
	margin: 0 0 0 4px;
	padding: 8px 0 0 0;
}

#menu .activebookmark a
{
	color: #FFF;
	display: block;
	width: 130px;
	height: 20px;
}

div.bookmarkBottom
{
	background: transparent url(../images/bookmarkbottom.png) no-repeat left top;
	width: 938px;
	height: 11px;
	font-size: 2px;
	margin: 0 1px 0 1px;
}

/*END HEADER*/

/*MAIN BLOCK*/

#main
{
	width: 936px;
	overflow: hidden;
	border-left: 1px solid #929292;
	border-right: 1px solid #929292;
	margin: 0 1px 0 1px;
}

#main.index
{
	background: #3fb9e0 url(../images/prefooter.png) no-repeat left bottom;
}

#main.sub
{
	background: #3fb9e0 url(../images/subprefooter.png) no-repeat 531px 100%;
}

/*END MAIN BLOCK*/

/*INDEX CONTENT*/

#main div.flash
{
	float: left;
	margin: 20px 0 0 0;
	padding: 0 5px 0 15px;
	width: 612px;
	height: 340px;
}

#main div.oldFlash
{
	float: left;
	padding: 0px 50px 0 9px;
	width: 572px;
	height: 400px;
}

#main div.column
{
	float: left;
	width: 300px;
	margin: 0 60px 0 0;
}

#main div.column h2
{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0 15px 45px;
}

h2.contentheader
{
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
	margin: 20px 0 10px 10px;
}


#main div.column h3
{
	font-weight: bold;
	font-size: 16px;
}

#main div.column ul
{
	width: 250px;
	list-style-type: none;
	list-style-position: outside;
}

#main div.column li
{
	padding: 6px 0 6px 50px;
}

#main div.column li a
{
	color: #FFF;
	text-decoration: none;
}

#main div.column li p
{
	color: #000;
}

#main div.column li.active
{
	background: transparent url(../images/navigationback.png) no-repeat left top;
}

#main div.column li.active a
{
		color: #000;
}

/*END INDEX CONTENT*/

/*NEWS LIST CONTENT*/

#main div.newslist
{
	float: left;
	width: 600px;
	padding: 0 20px 10px 10px;
}

#main div.helplist
{
	float: left;
	width: 600px;
	margin: 0 15px 10px 10px;
}

#main div.newsblock
{
	padding: 10px 0;
	overflow: hidden;
}

#main  div.newsicon
{
	float: left;
	width: 60px;
}

#main  div.newscontent
{
	float: left;
	width: 525px;
	overflow: hidden;
	margin: 0 5px 0 10px;
	line-height:1.4em;
	font-family: verdana;
}

#main  div.newscontent a:hover
{
	text-decoration: underline;
}

#main div.newscontent h2
{
	margin: 10px 0;
	font-size: 20px;
	line-height: 1.4em;
	font-family: Arial;
}

#main div.newscontent h2 a:hover
{
	text-decoration: none;
}

#main div.newscontent p
{
	margin: 15px 0 0 0;
}

#main div.newscontent a.category
{
	color: #FFF;
}



#main div.newsseparator
{
	clear: both;
	text-align: right;
	height: 20px;
	margin: 0 0 0 70px;
	padding: 0 5px 0 0;
	background: transparent url(../images/whitesquare.png) repeat-x left bottom;
}

#main div.newsseparator p
{
	color: #FFF;
	font-size: 10px;
}

#main div.newsseparator img
{
	vertical-align: middle;
	margin: 0 3px;
}

#main div.pagination
{
	text-align: center;
	padding: 10px 0;
}

#main div.pagination a
{
	display: inline-block;
	background: transparent url(../images/pagibutton.png) no-repeat left top;
	height: 16px;
	width: 16px;
	vertical-align: text-top;
	font-weight: bold;
	margin: 0 2px;
}

#main div.pagination a.active
{
	background: transparent url(../images/pagiactive.png) no-repeat left top;
	color: #FFF;
}

#main div.pagination a.prev
{
	background: transparent url(../images/pagiprev.png) no-repeat left top;
}

#main div.pagination a.next
{
	background: transparent url(../images/paginext.png) no-repeat left top;
}

/*END NEWS LIST CONTENT*/

/*NEWS DETAIL*/

#main div.newscontainer
{
	float: left;
	width: 600px;
	overflow: hidden;
	margin: 5px 15px 10px 10px;
	line-height:1.4em;
	font-family: verdana;
}

#main div.newscontainer ol, #main div.newscontainer ul
{
	padding: 0 0 0 35px;
}

#main div.newscontainer h1.title
{
	margin: 10px 0 15px 0;
	font-size: 22px;
	line-height:1.4em;
	font-family: Arial;
}

#main div.newscontainer  h1 a:hover
{
	text-decoration: none;
}

#main  div.newscontainer a:hover
{
	text-decoration: underline;
}

#main div.newscontainer a.category
{
	color: #FFF;
}

#main div.newscontainer div.rest
{
	width: 600px;
	overflow: hidden;
	padding: 10px 0;
	font-family: Arial;
}

#main div.newscontainer div.rest h3
{
	color: #FFF;
	font-size: 12px;
}

#main div.newscontainer div.rest ul
{
	list-style-type: disc;
	padding: 10px 5px 10px 20px;
}

#main div.newscontainer div.rest a
{
	color: #FFF;
	text-decoration: underline;
}

/*END NEWS DETAIL*/

/*FORUM FRAMES*/
#forum
{
	width: 916px;
	margin: 0 10px 95px 10px;
	height:	600px;
	border: none;

}

#main h1.register
{
	font-size: 18px;
	color: #FFF;
}

#main div.registerbox
{
	float: left;
	width: 600px;
	overflow: hidden;
	margin: 5px 15px 80px 10px;
}

#register
{
	width: 550px;
	margin: 20px 10px 10px 10px;
	border: none;
}

#reset
{
	width: 550px;
	height: 300px;
	margin: 20px 10px 10px 10px;
	border: none;
}


/*END FORUM FRAMES*/

/*RIGHT BOX*/

#main div.box
{
	float: left;
	width: 296px;
}

#main div.box div.boxTop
{
	background: transparent url(../images/boxtop.png) no-repeat left top;
	width: 296px;
	height: 11px;
}

#main div.box div.boxContent
{
	background-color: #FFF;
	width: 296px;
	overflow: hidden;
}

#main div.box div.separator
{
	height: 2px;
	background: transparent url(../images/bluesquare.png) repeat-x left top;
	margin: 15px 0 5px 0;
	font-size: 1px;
}

#main div.box div.download
{
	margin: 0 5px 0 12px;
	background: transparent url(../images/downloadback.png) no-repeat left top;
	width: 269px;
	height: 116px;
	text-align: center;
}

#main div.box div.download h3
{
	font-size: 20px;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#main div.box div.download div
{
	width: 60px;
	float: left;
	padding: 3px 0 0 23px;
}

#main div.box div.download div.first
{
	padding: 3px 0 0 63px;
}

#main div.box div.download div a
{
	color: #000;
	text-decoration: none;
}

#main div.box div.news {
	padding: 15px 15px 5px 17px;
	font-family: verdana;
}

#main div.box div.news h4
{
	font-size: 14px;
	margin: 0 0 5px 0;
}

#main div.box div.news h4.violet
{
	color: #040777;
}

#main div.box div.news h5
{
	font-size: 12px;
}

#main div.box div.news p img
{
	vertical-align: text-top;
}

#main div.box div.news ul
{
	list-style-type: none;
	list-style-image: url(../images/boxdisc.png);
	margin: 10px 0 0 15px;
}

#main div.box div.news li
{
	margin: 5px 0;
}

#main div.box div.boxBottom
{
	background: transparent url(../images/boxbottom.png) no-repeat left top;
	width: 296px;
	height: 13px;
}

/*END RIGHT BOX*/

/*BEGIN HELP DETAIL*/
#help {
   float: left;
   width: 600px;
   margin: 0 15px 10px 15px;
}
#help div.search{
   background: transparent url(../images/help/search_box.png) no-repeat left top;
   width: 460px;
   height: 75px;
   padding: 25px 0px 0px 80px
}

#help h1, #help h2, #help h4
{
	color: #FFF;
}

#help h1{
   font-size:21px;
}

#help h2{
   font-size:21px;
}

#help h2.noResult{
   font-size:15px;
}


#help h3{
   font-size: 15px;
   font-weight: bold;
}

#help h4{
   font-size:14px;
   margin:10px 5px 5px 15px;
   padding-left:25px;
   line-height: 20px;
   cursor: pointer;
}
#help h4.disable {
   background: transparent url(../images/help/option_disable.png) no-repeat left top;
}
#help h4.enable {
   background: transparent url(../images/help/option_enable.png) no-repeat left top;
}
#help div.separator{
   clear: both;
   height: 10px;
   margin: 0 0 10px 0px;
   background: transparent url(../images/whitesquare.png) repeat-x left bottom;
}
#help input.button{
   margin: 0 20px 0 0;
   float:right;
}
#help input.text{
   width: 332px;height:22px;
   float:left;
   margin-top:3px;
}

#help .answer{
   background-color: #fff;
   font-size: 13px;
   color:#000;
   margin-left: 30px;
   padding: 0 5px 0 5px;
   width: 549px;
}
#help .box_top,#help .box_bottom{
   width: 559px;
   height:5px;
   margin-left:30px;
}
#help .box_top{
	font-size: 2px;
	background: transparent url(../images/help/box_top.png) no-repeat left top;
}
#help .box_bottom{
	font-size: 2px;
	background: transparent url(../images/help/box_bottom.png) no-repeat left top;
}
#help  div.icon{
   float:left;
   width:60px;
   height:40px;
   overflow: hidden;
}
#help  div.category{
   padding: 10px;
   margin: 6px 6px 6px 60px;
}
#help  a.category{
   color: #000;
}
/*END HELP DETAIL*/


/* Download Page */
.downloadbox {  width: 594px; color: #3FB9E0; }
.downloadbox a { color: #3FB9E0; }
.downloadbox .downloadboxtop { height: 9px; background: transparent url(../images/downloadtop.png) no-repeat; font-size: 2px; }
.downloadbox .downloadboxbottom { height: 9px; background: transparent url(../images/downloadbottom.png) no-repeat; font-size: 2px; }
.downloadbox .downloadboxcontent { background: #FFF; overflow: hidden; width: 594px; }
.downloadbox .downloadboxcontent img { float: left; padding: 1px 15px 0px 10px; }
.downloadbox .downloadboxcontent p { line-height: 1.5em; padding:0 2px 6px  0;}
.downloadlist { list-style-type: none; margin-left: 20px; }
.downloadlist .downloadlist_1 { height: 25px; background: url(../images/downloadlist_1.png) no-repeat; color: #FFF; padding: 5px 0 0 30px; }
.downloadlist .downloadlist_2 { height: 25px; background: url(../images/downloadlist_2.png) no-repeat; color: #FFF; padding: 5px 0 0 30px; }
.downloadlist .downloadlist_3 { height: 25px; background: url(../images/downloadlist_3.png) no-repeat; color: #FFF; padding: 5px 0 0 30px; }
.downloadlist li { background: url(../images/downloadlist_dot.png) repeat-y; color: #000; padding: 0px 0 20px 30px; margin-top: -5px; width: 520px; }
.downloadlist li.downloadlist_last { background: none; color: #000; padding: 5px 0 0 30px; }
.windowslogo { margin: -10px 0 0 -5px; }
/* End Download Page */

/* About Program Page */
#main div.previewFlash
{
	padding: 0px 10px 0 5px;
	width: 572px;
	height: 386px;
}

#programBox { width: 600px; margin-top: 20px; }
#programBox .programBoxTop { height: 13px; background: url(../images/programBoxTop.png); }
#programBox .programBoxContent { background: url(../images/programBoxContent.png) repeat-y; }
#programBox .programBoxBottom { height: 19px; background: url(../images/programBoxBottom.png); }
#programBox .programBoxList { width: 115px; float: left;  margin-bottom: 20px; margin: 0 0 0 5px; }
#programBox .programBoxList ul { list-style-type: none; margin-left: 5px;}
#programBox .programBoxList ul li { padding: 0 0 7px 0; clear: both; color: #11328F; font-size: .8em; width: 130px; height:16px;}
#programBox .programBoxList ul li img { float: left; padding-right: 5px; width:16px;height:16px;}
#programBox .programBoxList h3 { height: 32px; text-align: center; margin-bottom: 8px; }
#programBox .controllers{padding-left:18px;}
#programBox .scbox{overflow:hidden;height:368px;background: url(../images/programBoxSeparator.png) no-repeat 110px 0; width:111px;}
#programBox .last div.scbox { background: none; }
#programBoxArrows { margin-top: -17px; position: absolute; top: -1px; list-style-type: none; }
#programBoxArrows li { width: 120px; float: left; height: 23px; }
#programBoxArrows li.active { width: 120px; float: left; background: url(../images/programBoxArrow.png) no-repeat top center; height: 23px; }
#programFlashBox { width: 608px; height: 319px; background: url(../images/programFlashBox.png) no-repeat; margin-top: -2px; position: relative; margin-bottom: 10px; }
#programFlashBox object { position: absolute; left:14px; top:15px; }
.clearfix { clear: both; }
.aboutprogram p { padding-left: 10px; line-height: 1.4em; margin-bottom: 10px; margin-top: 10px; font-family: verdana;}
/* End About Program Page */

/*FOOTER*/

div.footerIndex
{
	margin: 0 1px 0 1px;
	height: 87px;
	width: 938px;
	text-align: center;
	background: transparent url(../images/endfooter.png) no-repeat left top;
}

div.footerSub
{
	margin: 0 1px 0 1px;
	height: 87px;
	width: 938px;
	text-align: center;
	background: transparent url(../images/subendfooter.png) no-repeat left top;
}

div.footerIndex a
{
	color: #868686;
}

div.footerIndex a:hover
{
	text-decoration: underline;
}

div.footerSub a
{
	color: #868686;
}


div.footerSub a:hover
{
	text-decoration: underline;
}

div.footerSub p
{
	color: #868686;
	padding: 45px 0 0 0;
}

div.footerIndex p
{
	color: #868686;
	padding: 35px 0 0 0;
}

/*END FOOTER*/

/*BEGIN SERVICES*/
#service {
   float: left;
   width: 600px;
   margin: 0 15px 10px 15px;
}
#service div.delete{
   background: transparent url(../images/service_back.png) no-repeat left top;
   padding: 25px 40px 25px 20px
}

#service div.reset{
   background: transparent url(../images/service_back.png) no-repeat left top;
   padding: 25px 40px 25px 15px
}

#service h1{
   color: #FFF;
   font-size:21px;
}
#service p {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}

#service label {
	font-weight: bold;
	font-size: 13px;
	margin: 0 5px 0 0;
}

#service div.delete input.textInput {
	width: 150px;
	height: 22px;
	font-size: 13px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#service div.delete input.imgButton {
	vertical-align: middle;
}

#service div.reset input.textInput {
	width: 370px;
	height: 22px;
	font-size: 13px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#service div.reset input.passInput {
	width: 330px;
	height: 22px;
	font-size: 13px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

#service div.reset input.imgButton {
	vertical-align: middle;
}

/*END SERVICES*/

/*TERMS PAGE*/

#static {
	line-height: 1.5em;
}

#static p {
	margin: 1px 0px;
	text-align: justify;
}

#static ol,#static ul {
	list-style-type: decimal; 
	margin: 1px 0; 
	padding-left: 40px; 
}
#static li {
	display: list-item;
}

#static ul ul,#static ol ul {
	list-style-type: circle;
}

#static h3 {
	font-size:13px; 
	text-align: center; 
}

/*END TERMS PAGE*/