﻿/* Global Styles */

body
{
	color: #292929;
	background-color: #0d2345;
	margin: 0px;
	font: verdana, Helvetica, sans-serif;
	font-size: 11pt;
}

.point_info
{
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 0px 3px;
	padding: 2px;
	border: dashed 1px gray;
	height: 30;
	width: 350px;
	color:gray;/*#ff6600;*/
}

.webservice
{
	padding-top: 3px;
	margin-top: 2px;
}

.service
{
	color: Gray;
}


.sellprice
{
	color: Red;
	padding-left: 20px;
}

.location
{
	vertical-align: middle;
	height: 25px;
	width: 990px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 0px;
	margin-top: 5px;
}

.location div
{
	width: 986px;
	height: 18px;
	border: solid 1px #c6dbf6;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 0px;
	float: left;
	text-align: left;
}


.jonnyscode
{
	height: 300px;
	border-bottom: dashed 1px #dadada;
	color: Gray;
}

.jonnyscode1
{
	padding-top: 60px;
}

.jonnyscode1 img
{
	border: solid 1px #dadada;
}
.jonny1
{
	float: left;
	padding-left: 50px;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 5px;
}

.jonny_product
{
	font-weight: bold;
	color: #10a013;
}

.jonny2
{
	text-align: left;
	float: left;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: top;
}

.jonny3
{
	vertical-align: middle;
	height: 30px;
	padding-top: 10px;
	color: Gray;
}

.ptop
{
	display: block;
	height: 5px;
	width: 999px;
	max-height: 5px;
	background-image: url(../images/ptop.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.pbtm
{
	display: block;
	height: 5px;
	max-height: 5px;
	width: 999px;
	background-image: url(../images/pbtm.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bk_foot_bk
{
	width: 999px;
	height: 50px;
	background-image: url(../images/bk_foot_bk.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}

.p_header_bk
{
	width: 999px;
	background-image: url(http://www.vjsdn.com/images/bk_pagefooter2.png);
	background-repeat: repeat-x;
	height: 77px;
	text-align: left;
	vertical-align: top;
}

.p_header_bk1
{
	width: 999px;
	background-image: url(http://www.vjsdn.com/images/bk_header1.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 40px;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
}

.page_footer_outer
{
	height: 96px;
	width: 999px;
	background-image: url(http://www.vjsdn.com/images/bk_pagefooter3.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: White;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
}

.page_footer_outer div
{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
}

.menu_color
{
	color: #0e72e3;
}

.inner_menu
{
	padding-left: 10px;
	padding-top: 5px;
}


.pmenu
{
	width: 999px;
	height: 100px;
	text-align: left;
}

.content_back
{
	width: 999px; /*background-color: #fefefe;*/ /*background-color: #fafafa;*/
	background-color: White;
	vertical-align: top;
}

.content_back1
{
	/*background-color: #fefefe;*/ /*background-color: #fafafa;*/
	background-color: White;
	vertical-align: top;
}

.content_table
{
	/*border: solid 1px #94B8E4;*/
	border: solid 1px #dadada;
	width: 767px;
}

.friends
{
	height: 40px;
	width: 990px;
	margin-top: 3px;
	border: solid 1px #dadada;
}

td
{
	font: 12px verdana, Helvetica, sans-serif;
}

div
{
	font: 12px verdana, Helvetica, sans-serif;
}



a img
{
	border: none 0px;
}

a
{
	/*color: #3E74FE;*/
	color: #292929;
	text-decoration: none;
	font: "sans-serif";
}

a:hover
{
	color: #F65F13; /*F65F13 like dark gray*/
	text-decoration: none;
	font: "sans-serif";
}

A
{
	/*color: #3E74FE;*/
	color: #292929;
	text-decoration: none;
	font: "sans-serif";
}

A:hover
{
	color: #F65F13; /*F65F13 like dark gray*/
	text-decoration: none;
	font: "sans-serif";
}

.zz
{
	background-image: url(images/zz.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 22px;
}



.corner_top_left
{
	height: 5px;
	width: 5px;
	float: left;
	background-image: url(http://www.vjsdn.com/images/corner_top_left.png);
	background-repeat: no-repeat;
	background-position: left;
}

.corner_top_left
{
	height: 5px;
	width: 5px;
	float: right;
	background-image: url(images/corner_top_right.png);
	background-repeat: no-repeat;
	background-position: right;
}


.reg_statement
{
	padding: 10px 10px 10px 10px;
	width: 799px;
	text-align: left;
}

.reglink
{
	color: #AA0F0F;
	text-decoration: underline;
}

.vjsdn_header
{
	background-image: url(http://www.vjsdn.com/images/bk_main.png);
	background-repeat: repeat-x;
	height: 94px;
}

.vjsdn_Red
{
	background: #BB230B;
	color: White;
	font-style: normal;
}

.page_header_logo
{
	height: 88px;
	width: 999px;
	padding-top: 2px;
}

.contact_title
{
	background-color: #eef7fb;
	font-family: Verdana;
	font-size: 11pt;
	color: Gray;
	height: 20px;
	text-align: left;
	padding: 4px 2px 2px 2px;
	width: 95%;
}

.contact_content
{
	text-align: left;
	font-family: Verdana;
	font-size: small;
	color: Gray;
	padding: 2px 2px 2px 2px;
}

.contact_online
{
	padding: 2px 2px 2px 2px;
}

.header3
{
	background-image: url(images/bk_pagefooter.png);
	background-repeat: repeat-x;
}

.vjsdn_Blue
{
	background: #4984BC;
	color: White;
	font-style: normal;
}

.leftimg
{
	width: 176px;
	height: 146px;
	background-position: bottom;
	background-image: url(../images/vjsdn01.gif);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 3px;
}

.supportinfo
{
	padding: 1px 1px 1px 10px;
	width: 175px;
	text-align: left;
}

span a
{
	cursor: default;
}

.btn_vjsdn_main
{
	width: 60px;
	height: 14px;
	background-color: #616160;
	border-color: #404040;
	color: #E0E0E0;
	font-family: 宋体;
	font-size: 9px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
}

.LocationTitle
{
	color: #BB230B;
	font-weight: bold;
	font: 11px Arial, Helvetica, sans-serif;
}

.tabledef
{
	border: none 0px;
	width: 999px;
	border: solid 1px #94B8E4;
}

.area_title
{
	height: 25px;
	background-image: url(../images/tabheader1.png);
	background-repeat: repeat-x;
	text-align: left;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 3px;
}


.area_outer
{
	border: solid 1px #dadada;
}

.area_outer1
{
	border: solid 1px #dadada;
}

.area_header
{
	height: 20px;
	background-image: url(../images/bk_title.gif);
	background-repeat: repeat-x;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 0px 5px;
}

.area_header_text
{
	float: left;
	width: 53px;
	height: 14px;
	vertical-align: middle;
	padding: 2px 2px 0px 5px;
	background: #BB230B;
	color: White;
	font-style: normal;
}

.area_border
{
	border: solid 1px #BB230B;
}

.area_list_part
{
	padding: 0px 3px 3px 3px;
	text-align: left;
}

.v_info
{
	border: solid 1px #D4D6D7;
	margin-right: 7px;
	padding: 3px 3px 3px 3px;
}

.border
{
	border: solid 1px #94B8E4;
}

.video_title
{
	font-weight: bold;
	color: #1981EB;
	font-size: medium;
}

.border1
{
	border: solid 1px #D4D6D7;
}

.infotext
{
	font-size: 10pt;
	color: gray;
}

.errortext
{
	color: Red;
	font-size: 14px;
	font-weight: bold;
}
.HotButton
{
	background-image: url(../images/bk_btn.gif);
	background-repeat: repeat-x;
	border-color: Gray;
	border-width: 1px;
	color: black; /*font color*/
	text-align: center;
	font-size: 11px;
	height: 20px;
	max-height: 27px;
}

.HotButton:hover
{
	background-image: url(../images/bk_btn_hover.gif);
	background-repeat: repeat-x;
	max-height: 27px;
}

.lblinfo
{
	width: 100%;
	height: 100%;
	background-color: #dadada;
	vertical-align: middle;
	padding: 5px 5px 1px 5px;
	color: Green;
	font-weight: bold;
}

.starstyle
{
	font-size: 11pt;
	color: #ff0000;
	font-family: Arial;
}

.button1
{
	background-image: url(../images/bk_btn.gif);
	background-repeat: repeat-x;
	border-color: Gray;
	border-width: 1px;
	color: black; /*font color*/
	text-align: center;
	font-size: 11px; /*font-family: "sans-serif";*/
	height: 20px;
	max-height: 27px;
}

.button1:hover
{
	background-image: url(../images/bk_btn_hover.gif);
	background-repeat: repeat-x;
	max-height: 27px;
}


.MessagePrompt
{
	/*color: #BB230B;*/
	color: Red;
	font-weight: bold;
	font: 12px Arial, Helvetica, sans-serif;
}

.vjsdn_Yellow
{
	background: #4984BC;
	color: White;
	font-style: normal;
}

.ModalWindowTitle
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #616160;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
}


.ModalWindowContent
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #616160;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
}


.SearchCourseTitle
{
	background-color: #dadada;
	color: #404040;
}



.QQButtonStyle
{
	cursor: default;
}

.MainTitleTop
{
	background-color: #4984BC;
	color: White;
}

.DarkGrayButton
{
	background-color: #616160;
	border-color: #404040;
	color: #E0E0E0;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
}


.LinkWhite
{
	color: #0e72e3;
	text-decoration: none;
}

.LinkWhite:hover
{
	color: #F65F13;
	text-decoration: underline;
}

.LinkGray
{
	color: #616160;
	text-decoration: none;
}

.LinkGray:hover
{
	color: #F65F13;
	text-decoration: none;
}

.LinkDarkBlue
{
	color: #2303AB;
	text-decoration: none;
}

.LinkDarkBlue:hover
{
	color: #F65F13;
	text-decoration: none;
}

.None
{
	border-style: none;
	border-width: 0px;
	border-color: #000000;
}

A:link
{
	text-decoration: none;
}

.link
{
	color: #4C68F5;
	text-decoration: none;
}

.link span
{
	color: blue;
}

.PageSelected
{
	color: Red;
	text-decoration: none;
}

.DarkGray
{
	color: #666666;
}

#toolbar td
{
	border-bottom: 0px solid #F4FFE4;
	color: Black;
}

#toolbar a
{
	font: 11px Arial, Helvetica, sans-serif;
	color: White;
	line-height: 18px;
	letter-spacing: .1em;
	text-decoration: none;
	display: block;
	padding: 3px 0px 0px 0px;
}

#toolbar a:hover
{
	background: #BB230B;
	color: #404040;
}

.DarkRed
{
	color: #BB230B;
}

.DarkRedField
{
	background: #BB230B;
	color: White;
}

.GrayField
{
	background: #DADADA;
	color: #404040;
}

.ThinGrayField
{
	background: #fafafa;
	color: #404040;
	border-right: #dadada 1px solid;
	border-top: #dadada 1px solid;
	border-left: #dadada 1px solid;
	border-bottom: #dadada 1px solid;
}


.DarkGrayField
{
	background: Gray;
	color: White;
}

.ThinkGray
{
	background: #EAEAEA;
}

.DarkRedTable
{
	border-right: #BB230B 1px solid;
	border-top: #BB230B 1px solid;
	border-left: #BB230B 1px solid;
	border-bottom: #BB230B 1px solid;
}

.ThinYellowTable
{
	background: #fdfaca;
	border-right: Gray 1px solid;
	border-top: Gray 1px solid;
	border-left: Gray 1px solid;
	border-bottom: Gray 1px solid;
}

.DarkRedForeColor
{
	color: #BB230B;
}

.RedBackground
{
	color: White;
	background: #BB230B;
}

.SetupButtonNormal
{
	background-color: White;
	color: #BB230B;
}


.SetupButtonFocus
{
	background-color: #BB230B;
	color: White;
}

.GrayBackground
{
	color: White;
	background: Gray;
}

#logo
{
	font: 24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing: .2em;
}

#tagline
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing: .4em;
}

#monthformat
{
	border-bottom: 1px dashed #5C743D;
}

#dateformat
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing: .2em;
}

#dateformat a
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
}

#dateformat a:hover
{
	color: #F4FFE4;
	letter-spacing: .1em;
}

/* Class Styles */

.bodyText
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 0px;
}

.DarkBack
{
	background-color: #616160;
	color: #FDFDFD;
}

.smallText
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
}

.px11
{
	font-size: 11px;
	color: #333333;
	font-family: "Arial";
	text-decoration: none;
}

.sans
{
	font-size: 11px;
	color: #666666;
	font: "sans-serif";
	text-decoration: none;
}
.text
{
	font-size: 11px;
	color: #666666;
	font: "sans-serif";
	letter-spacing: 1px;
	text-align: justify;
	text-decoration: none;
}

.down:hover
{
	position: relative;
	top: 1px;
}

.textfield
{
	font-size: 12px;
	font-family: "宋体";
	background-color: #f5f5f5;
}



.DarkBlue
{
	color: #0A4E90;
}



.NewsTable
{
	border-right: #C6E3FC 1px solid;
	border-top: #C6E3FC 1px solid;
	border-left: #C6E3FC 1px solid;
	border-bottom: #C6E3FC 1px solid;
}

.GrayTitleTable
{
	color: Gray;
	background-color: #e9f1f8;
	border-right: #C6E3FC 1px solid;
	border-top: #C6E3FC 1px solid;
	border-left: #C6E3FC 1px solid;
	border-bottom: #C6E3FC 1px solid;
}

.ThinBlue
{
	color: #0A4E90;
	background-color: #e9f1f8;
}


.BlueTable
{
	border-right: #e9f1f8 1px solid;
	border-top: #e9f1f8 1px solid;
	border-left: #e9f1f8 1px solid;
	border-bottom: #e9f1f8 1px solid;
}



.DarkGrayTable
{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
}

.NewsTitle
{
	color: Black;
	background-color: #fafafa;
	border-right: #dadada 1px solid;
	border-top: #dadada 1px solid;
	border-left: #dadada 1px solid;
	border-bottom: #dadada 1px solid;
}

.GrayTableTB
{
	border-top: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
}


.GrayTableBR
{
	border-bottom: #DADADA 1px solid;
	border-right: #DADADA 1px solid;
}


.GrayTableLR
{
	border-left: #DADADA 1px solid;
	border-right: #DADADA 1px solid;
}
.GrayTableLRB
{
	border-left: #DADADA 1px solid;
	border-right: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
}
.GrayTableL
{
	border-left: #DADADA 1px solid;
}
.GrayTableR
{
	border-right: #DADADA 1px solid;
}
.GrayTableT
{
	border-top: #DADADA 1px solid;
}
.GrayTableB
{
	border-bottom: #DADADA 1px solid;
}
.GrayTable
{
	border-right: #DADADA 1px solid;
	border-top: #DADADA 1px solid;
	border-left: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
}

.GrayTable1
{
	padding: 3 3 3 3;
	border-right: #DADADA 1px solid;
	border-top: #DADADA 1px solid;
	border-left: #DADADA 1px solid;
	border-bottom: #DADADA 1px solid;
}

.table
{
	border-right: #999999 1px dotted;
	border-top: #999999 1px dotted;
	font-size: 11px;
	border-left: #999999 1px dotted;
	color: #333333;
	border-bottom: #999999 1px dotted;
	font-family: "Arial";
	text-decoration: none;
}

.YellowField
{
	background-color: #FDE2A6;
	border-right: #FED170 1px solid;
	border-top: #FED170 1px solid;
	border-left: #FED170 1px solid;
	border-bottom: #FED170 1px solid;
	text-decoration: none;
}

.BlueField
{
	background-color: #f0f8ff;
	border-right: #E9F1F8 1px solid;
	border-top: #E9F1F8 1px solid;
	border-left: #E9F1F8 1px solid;
	border-bottom: #E9F1F8 1px solid;
	text-decoration: none;
}

.DashedTable
{
	border-right: Gray 1px dashed;
	border-top: Gray 1px dashed;
	border-left: Gray 1px dashed;
	border-bottom: Gray 1px dashed;
	text-decoration: none;
}


.hand
{
	cursor: hand;
}


.QuestionTitle
{
	font-size: 12px;
	font-weight: bold;
	color: #4984BC;
	font: "sans-serif";
	letter-spacing: 1px;
	text-decoration: none;
}



.title
{
	font-size: 12px;
	font-weight: bold;
	color: #5A5A5A;
	font: "sans-serif";
	letter-spacing: 1px;
	text-decoration: none;
}

.number
{
	font-size: 13px;
	font: "sans-serif";
	text-decoration: none;
}
.px11h
{
	font-size: 11px;
	color: #666666;
	font-family: "Arial";
	text-decoration: none;
}
.button
{
	font-size: 11px;
	color: #ffffff;
	font-family: "Arial";
	text-decoration: none;
}
.word
{
	font-size: 11px;
	color: #666666;
	line-height: 21px;
	font-family: "Arial" , "宋体";
	text-align: justify;
	text-decoration: none;
}


.modulepanel
{
	font-size: 11px;
	color: #333333;
	font-family: "Arial";
	text-decoration: none;
}
