/***************************************
	ShaMSofT  Hosting Portal (SHP)
		Coded By Hossein Shams
			CSS Style
****************************************/
* { margin:0; padding:0;}
body { background: #c8e3ff url(../image/body_bg.gif) repeat-x left top; padding-top: 10px; font: 12px Tahoma; line-height: 19px; }
.center960 { margin: 0 auto; width: 800px; overflow: hidden; b/order: 1px solid red; }
/*#loading { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 900px; background-color: #373838; opacity: 0; filter: alpha(opacity=0); margin: 0; z-index: 100; }*/
#tooltip { text-align: center; display: none; background: #2c2c2c; color: #fff; opacity: 0.95; filter: alpha(opacity=95); padding: 10px; position: absolute; top: 0; left: 0; font: 11px tahoma; z-index: 133; -moz-border-radius: 3px; }
#tooltip p {color: #bbb;}
ul {list-style: none;}
a:active {  }
a:focus { -moz-outline-style: none; }
/***********************************
		Loading
************************************/
#loading {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 900px; background-color: #58a7e2; opacity: 0; filter: alpha(opacity=0); margin: 0; z-index: 100; }
#inprogress {float: left; position: fixed; display: none; z-index: 101; background: #f1f9ff url(../image/load.gif) no-repeat 93% 50%; padding: 20px 50px 20px 20px; font: 14px Tahoma; color: #1a639a; border: 4px solid #58a7e2; -moz-border-radius: 6px;}
#modalc {position: absolute; top: 0; left: 0; width: 600px; text-align: justify; display: none; z-index: 101; background: #f1f9ff; padding: 10px; font: 12px tahoma; color: #666; border: 4px solid #58a7e2; overflow-y: auto; -moz-border-radius: 6px;}
#modalclose {background: #58a7e2; width: 20px; height: 20px; font: bold 15px verdana; color: #fff; text-align: center; display: none; cursor: pointer; position: absolute; z-index:104; padding: 4px 0 0 4px;}
#modal_win {background: #fff; padding: 10px; z-index: 200; position: fixed; display:none; border: 4px solid #58a7e2;}
#modal_title {height: 30px; direction:ltr;}
#modal_title .close {background: url(../image/close-modal.gif); display: inline-block; width: 66px; height: 22px; cursor: pointer;}
#modal_content {background: #f8f8f8; padding: 5px; overflow: auto;}
/***********************************
		General
************************************/
.rtl { direction: rtl;}
.ltr { direction: ltr;}
.clear { clear: both;}

.fleft { float: left;}
.fright { float: right;}

.alignright { text-align: right;}
.aligncenter { text-align: center;}
.dnone { display: none; }
a.signout {text-decoration: none;}
a.signout:hover {color: red;}

.logo {background: url(../image/logosmall.png); width:128px; height:106px; float: left;}
/***********************************
		Tab
************************************/
.pages { font: bold 13px Tahoma; margin-right: 36px; width: 622px; float:right;}
.pages .a { color: #298ccb; text-align: center; padding-top: 20px; cursor: pointer; background: url(../image/tab_3.jpg); width: 123px; height: 28px; display: inline-block; margin-right: -4px; text-decoration: none; }
.pages .a.selected { background: url(../image/tab_1.jpg) no-repeat right top; cursor: default; color: #c6ccd4; }
.pages .a.selected:hover { background: url(../image/tab_1.jpg) no-repeat right top; color: #c6ccd4; }
.pages .a:hover { background: url(../image/tab_2.jpg); color: #f4f9fe; }
.pages .first {overflow: hidden;border: 1px solid red; background: #003b7f; padding: 5px 0; min-width: 150px; position: absolute; top: 200px; left: 200px; z-index: 100; -moz-border-radius: 5px 0 5px 5px; }
.pages .first .b { text-align: right; color: #fff; display: block; text-decoration: none; font-weight: normal; line-height: 22px; padding-right: 10px; }
.pages .first .b:hover { background: #013f88; color: #f4f9fe; }
.pages .first .sec { display: none; padding-bottom: 10px; }
.pages .first .sec .c { text-align: right; color: #c6ccd4; display: block; text-decoration: none; font: normal 11px tahoma; line-height: 17px; padding-right: 20px; padding-bottom: 3px; }
.pages .first .sec .c:hover { background: #004492; color: #f4f9fe; }
.first { background: #003b7f; padding: 5px 0; min-width: 150px; position: absolute; top: 200px; left: 200px; z-index: 100; -moz-border-radius: 5px 0 5px 5px; }
.first .b { text-align: right; color: #fff; display: block; text-decoration: none; font-weight: normal; line-height: 22px; padding-right: 10px; }
.first .b:hover { background: #013f88; color: #f4f9fe; }
.first .sec { display: none; padding-bottom: 10px; }
.first .sec .c { text-align: right; color: #c6ccd4; display: block; text-decoration: none; font: normal 11px tahoma; line-height: 17px; padding-right: 20px; padding-bottom: 3px; }
.first .sec .c:hover { background: #004492; color: #f4f9fe; }
/***********  Bottom  *************/
.tab2 { width: 704px; margin: 40px 50px 0 0; }
.tab2 a { background: url(../image/tab2.gif) no-repeat left bottom; font: Bold 13px Tahoma; width: 127px; height: 49px; text-align: center; color: #247694; display: inline-block; line-height: 50px; border-bottom: 1px solid #ffc36e; margin-right: -4px; }
.tab2 a:hover { background: url(../image/tab2-hover.gif) no-repeat left bottom; color: #000; }
.tab2 a.selected { background: url(../image/tab2-hover.gif) no-repeat left bottom; color: #000; cursor: default; text-decoration: none; border-bottom: 0; }
.tab2 a.selected:hover { background: url(../image/tab2-hover.gif) no-repeat left bottom; color: #000; }
.tab2 span { width: 327px; line-height: 48px; display: inline-block; border-bottom: 1px solid #ffc36e; cursor: default; margin-right: -4px; }
/***********************************
		Block
************************************/
.menus { m/argin: 5px 12px; }
.menus .left { background: url(../image/menus-l.gif); width: 6px; height: 35px; float: left; }
.menus .right { background: url(../image/menus-r.gif); width: 6px; height: 35px; float: left; }
.menus .center { background: url(../image/menus-c.gif) repeat-x; width: 752px; height: 35px; float: left; padding: 0 10px; margin-left: 14px; }
.menus .center div { display: inline; cursor: pointer; }
.menus .center p { display: block; cursor: pointer; }
.menus .center .a { font: bold 12px Tahoma; color: #888; text-decoration: none; margin-top: 10px; vertical-align: 16px; line-height: 25px; }
.menus .center .a:hover { color: #333; }
.menus .center .bcont { display: none; background: #e6e6e6; min-width: 150px; border: 2px solid #cecece; border-top: none; padding: 5px 0; position: absolute; top: 443px; left: 845px; -moz-border-radius: 0 0 5px 5px; }
.menus .center .b { color: #666; padding: 0 8px; text-decoration: none; display: block; padding-bottom: 2px; }
.menus .center .b:hover { color: #333; background: #f2f2f2; }
.menus .center .bs { background: url(../image/menus-a.gif) no-repeat 7px 8px; color: #666; padding: 0 8px; text-decoration: none; display: block; padding-bottom: 2px; }
.menus .center .bs:hover { background: #f2f2f2 url(../image/menus-a.gif) no-repeat 7px 8px; color: #333; }
.menus .center .ccont { background: #e6e6e6; min-width: 150px; padding-bottom: 5px; display: none; }
.menus .center .c { font-size: 11px; color: #999; padding-right: 16px; text-decoration: none; display: block; padding-bottom: 2px; }
.menus .center .c:hover { color: #666; background: #f2f2f2; }
.menus .center .space { background: url(../image/menus-d.gif) no-repeat top center; margin: 0 10px; width: 5px; height: 35px; display: inline-block; }

div.tab2-block { padding: 0 47px 0 47px; }
div.tab2-block .text { background: #fef9e3; width: 647px; padding: 0 30px 0 30px; margin-top: -1px; }

div.tab2-block .text  .right { width: 300px; float: right; padding-top: 20px;}
div.tab2-block .text  .right p { margin: 4px 0; }
div.tab2-block .text  .right span { font: bold 13px Arial; color: #ff7e00; margin-left: 15px; }
div.tab2-block .text  .right a { color: #60b6db; font-size: 12px; text-decoration: none; }
div.tab2-block .text  .right a:hover { color: #4a96b2; }

div.tab2-block .text  .left { width: 300px; float: left; padding-top: 20px; }
div.tab2-block .text  .left p { margin: 4px 0; }
div.tab2-block .text  .left span { font: bold 13px Arial; color: #ff7e00; margin-left: 15px; }
div.tab2-block .text  .left a { color: #60b6db; font-size: 12px; text-decoration: none; }
div.tab2-block .text  .left a:hover { color: #4a96b2; }

div.tab2-block a.archive { background: url(../image/archive.gif) no-repeat center right; padding-right: 20px; text-decoration: none; float: left; }

div.tab2-block .bottom { }
div.tab2-block .bottom .right { background: url(../image/tab2-bl.gif) right bottom; width: 17px; height: 18px; float: left; }
div.tab2-block .bottom  .center { background: #fef9e3; width: 669px; height: 18px; float: left; }
div.tab2-block .bottom  .left{ background: url(../image/tab2-br.gif) left bottom; width: 20px; height: 18px; float: left; }

div.yellow-block { margin: 20px 47px 0 47px; }
div.yellow-block .right { background: url(../image/block-y-r.gif); width: 7px; height: 41px; float: left; }
div.yellow-block .center { background: #ffbc00; width: 691px; height: 41px; float: left;}
div.yellow-block .left { background: url(../image/block-y-l.gif); width: 8px; height: 41px; float: left; }

#link-list { margin: 0 50px 0 50px; width: 707px; }
#link-list a { background: url(../image/arrow1.gif) no-repeat center right; width: 219px; color: #127fa7; font: bold 11px Tahoma; text-decoration: none; display: inline-block; padding: 4px 14px 4px 0; }
#link-list a:hover { color: #167091; text-decoration: underline; }

div.bar-green { margin: 0; }
div.bar-green a.plus { background: #7bd357 url(../image/plus.gif) no-repeat 50% 50%; width: 25px; height: 30px; float: right; }
div.bar-green a:hover.plus {  }
div.bar-green a.minus { background: #7bd357 url(../image/minus.gif) no-repeat 50% 50%; width: 25px; height: 30px; float: right; }
div.bar-green a:hover.minus {  }
div.bar-green span { background: #8fc941 url(../image/green-bar-bg.gif) repeat-x; color: #fff; font: bold 14px Tahoma; border-right: 6px solid #5da142; display: inline-block; line-height: 30px; padding-right: 10px; width: 709px; }

div.bar-orange { margin: 0; }
div.bar-orange a.plus { background: #ec9729 url(../image/plus.gif) no-repeat 50% 50%; width: 25px; height: 30px; float: right; }
div.bar-orange a:hover.plus {  }
div.bar-orange a.minus { background: #ec9729 url(../image/minus.gif) no-repeat 50% 50%; width: 25px; height: 30px; float: right; }
div.bar-orange a:hover.minus {  }
div.bar-orange span { background: #ef6a29 url(../image/orange-bar-bg.gif) repeat-x; color: #fff; font: bold 14px Tahoma; border-right: 6px solid #ae7021; display: inline-block; line-height: 30px; padding-right: 10px; width: 709px; }

div.bar-blue { margin: 0; }
div.bar-blue a.plus { background: #519ecd url(../image/plus.gif) no-repeat 50% 50%; width: 25px; height: 30px; float: right; }
div.bar-blue a:hover.plus {  }
div.bar-blue a.minus { background: #519ecd url(../image/minus.gif) no-repeat 50% 50%; width: 25px; height: 30px; float: right; }
div.bar-blue a:hover.minus {  }
div.bar-blue span { background: #92b0d6 url(../image/blue-bar-bg.gif) repeat-x; color: #fff; font: bold 14px Tahoma; border-right: 6px solid #427ca1; display: inline-block; line-height: 30px; padding-right: 10px; width: 709px; }

.inbar-catlist { margin: 0 0; padding: 5px; background: #fff7f3; margin-bottom: 10px; }
.inbar-catlist a { background: url(../image/tag-yellow.gif) no-repeat center right; color: #f95503; text-decoration: none; padding-right: 20px; width: 30%; display: inline-block; line-height: 25px; }
.inbar-catlist a.selected { background: #fee8dc url(../image/tag-orange.gif) no-repeat center right; }
.inbar-catlist a:hover { background: #fff2eb url(../image/tag-orange.gif) no-repeat center right; }
.inbar-catlist a span { padding-right: 7px; font-size: 11px; display: inline-block; color: #db8052; }
.inbar-catlist a:hover span { cursor: pointer; }

.inbar-content-list { margin: 0 0; padding: 5px; background: #f4fde8; margin-bottom: 10px; }
.inbar-content-list a { display: inline-block; width: 49%; color: #70b512; text-decoration: none; line-height: 21px; }
.inbar-content-list a.selected { background: #ebffd1; }
.inbar-content-list a:hover { color: #59930a; background: #effedc; }
.inbar-content-list a span { color: #71c303; display: inline-block; width: 36px; font: bold 14px Arial; }
.inbar-content-list a:hover span { cursor: pointer; }

.inbar-content { margin: 0 0; padding: 5px; background: #f5f9ff; margin-bottom: 10px; }
.inbar-content .info { background: #e7f1ff; margin: 10px -5px -5px -5px; padding: 3px 5px; color: #70747a; }
.inbar-content .info .date { background: url(../image/date.gif) no-repeat center right; padding-right: 20px; display: inline-block; margin-left: 30px; }
.inbar-content .info .views { background: url(../image/views-num.gif) no-repeat center right; padding-right: 20px; display: inline-block; margin-left: 30px; }
.inbar-content .info .pagelink { background: url(../image/page-link.gif) no-repeat center right; padding-right: 20px; display: inline-block; margin-left: 30px; }

.inbar-planlist { margin: 0 0; padding: 5px; background: #e7f1ff; margin-bottom: 10px; }
.inbar-planlist a { background: no-repeat center right; color: #535963; text-decoration: none; padding-right: 23px; width: 28%; display: inline-block; line-height: 25px; margin: 0 0 5px 10px; }
.inbar-planlist a.selected { background: #dbeaff url(../image/tag-orange.gif) no-repeat center right; }
.inbar-planlist a:hover { background: #e2eeff url(../image/tag-orange.gif) no-repeat center right; }

.mainplan { margin: 0 0 50px 0; }
.mainplan .menu { text-align: center; line-height: 40px; color: #fff;  }
.mainplan .menu .l { background: url(../image/part-bg-r.gif) no-repeat; width: 4px; height: 40px; float: left; }
.mainplan .menu .c { background: url(../image/part-bg-c.gif) repeat-x; width: 742px; height: 40px; float: left; }
.mainplan .menu .r { background: url(../image/part-bg-l.gif) no-repeat; width: 4px; height: 40px; float: left; }
.mainplan .menu .c a { text-decoration: none; color: #fff; padding: 5px; }
.mainplan .menu .c a:hover { color: #273842; }
.mainplan .menu .c a.selected { color: #192c37; }

.payinfo { background: #f5f8fa; color: #666; border: 1px dashed #c1d5ea; padding: 10px; display: none; -moz-border-radius: 5px; }

td.tanswers {  }
td.tanswers ul { margin: 0; }
td.tanswers ul li { margin: 0; }
td.tanswers ul li.client { background-color: #f6f9d9; padding: 5px 7px; margin-bottom: 10px; }
td.tanswers ul li.user { background-color: #e2fbe5; padding: 5px 7px; margin-bottom: 10px; }
td.tanswers ul li div.toolbar { font: italic 11px Tahoma; line-height: 20px; padding: 0 7px 9px 7px;  }
td.tanswers ul li div.toolbar span span { display: inline-block; width: 20px; height: 15px; cursor: pointer; margin: 0 2px; }

#user-box { position: fixed; top: 0; left: 0;}
#user-box .title { background: url(../image/members.png) no-repeat bottom right; width: 88px; height: 88px; float: left; cursor: pointer; }
#user-box .title .panel, #user-box .title .login { b/ackground: url(../image/user.gif) no-repeat center center; width: 82px; height: 68px; margin: 20px 0 0 6px; display: inline-block; }
#user-box .title .login { b/ackground-image: url(../image/members.png); }
#user-box .main {  background: #f8fffc; border: 1px solid #d2efe2; display: none; width: 200px; h/eight: 105px; float: left; padding: 15px; -moz-border-radius: 0 0 7px 0;}
#user-box .main p { margin-bottom: 8px; }
#user-box .main p.info { font: 11px tahoma; color: #888; background: url(image/heart.gif) no-repeat center right; p/adding-right: 14px; }
#user-box .main p.info b { color: #555; }
#user-box .main p.info span { display: inline-block; width: 83px; }
/***********************************
		Order Block
************************************/
.steps { margin-top: 20px; }
.steps li { font: bold 12px Tahoma; margin-left: 10px; color: #3d629e; display: inline-block; float: right; }
.steps li.normal { }
.steps li.normal .l { display: inline-block; float: left; width: 6px; height: 28px; }
.steps li.normal .c { padding: 7px 0; color: #3d629e; background: #fff; display: inline-block; float: left; }
.steps li.normal .r { display: inline-block; float: left; width: 6px; height: 28px; }
.steps li.selected { }
.steps li.selected .l { background: url(../image/step-blue-l.gif); display: inline-block; float: left; width: 6px; height: 28px; }
.steps li.selected .c { padding: 7px 5px; color: #fff; background: #69c; display: inline-block; float: left; }
.steps li.selected .r { background: url(../image/step-blue-r.gif); display: inline-block; float: left; width: 6px; height: 28px; }
.steps li.finish { }
.steps li.finish .l { background: url(../image/step-green-l.gif); display: inline-block; float: left; width: 6px; height: 28px; }
.steps li.finish .c { padding: 7px 5px; color: #fff; background: #8ec42a; display: inline-block; float: left; }
.steps li.finish .r { background: url(../image/step-green-r.gif); display: inline-block; float: left; width: 6px; height: 28px; }

a.next-step { font: bold 12px Tahoma; text-decoration: none; color: #3d629e; cursor: pointer;  }
a.next-step .l { background: url(../image/step-blue-l.gif); display: inline-block; float: left; width: 6px; height: 28px; }
a.next-step .c { padding: 7px 5px; color: #fff; background: #69c; display: inline-block; float: left; }
a.next-step .r { background: url(../image/step-blue-r.gif); display: inline-block; float: left; width: 6px; height: 28px; }
a:hover.next-step {  }
a:hover.next-step .l { background: url(../image/step-green-l.gif); display: inline-block; float: left; width: 6px; height: 28px; }
a:hover.next-step .c { padding: 7px 5px; color: #fff; background: #8ec42a; display: inline-block; float: left; }
a:hover.next-step .r { background: url(../image/step-green-r.gif); display: inline-block; float: left; width: 6px; height: 28px; }

#main-order { color:#696d50; margin: 20px 30px 0 30px; }

.order-form {  }
.order-form li { margin-bottom: 10px; }
.order-form li .cont {  }
.order-form li .label { display: inline-block; width: 200px; text-align: right; }

.kserver {  }
.kserver div { display: inline-block; width: 150px; }
.kserver div input {  }
.kserver div span { margin-right: 5px; padding-right: 20px; background: url(../image/linux.gif) no-repeat bottom right; display: inline-block; height: 17px; }

.plan { margin-bottom: 15px; }
.plan .name { position: relative; direction: ltr; margin-right: 468px; font-weight: bold; background: #f2f0f5; border: 1px solid #e9e7eb; width: 200px; padding: 5px 10px; -moz-border-radius: 5px 5px 0 0; }
.plan .name a { display: inline-block; width: 50px; height: 25px; b/ackground: url(../image/plan-tog-det.gif); position: absolute; top: 0; left: 170px; }
.plan .name a:hover { b/ackground: url(../image/plan-tog-det-hover.gif); }
.plan .name input { vertical-align: -1px; cursor: pointer; }
.plan .name span { margin-left: 3px; cursor: pointer; color: #3d629e; }
.plan .name span:hover { color: #33548a; }
.plan .detail { border: 1px solid #e9e7eb; padding: 5px; -moz-border-radius: 0 5px 5px 5px; }
.plan .detail p { background: #f7f6f9; margin-bottom: 3px; padding: 5px 8px; }
.plan .detail p:hover { background: #f1eff5; }
.plan .detail p .title { display: inline-block; width: 25%; color: #9d0066; font-weight: bold; vertical-align: top; }
.plan .detail p .text { display: inline-block; width: 74%; color: #666; }

.selected-plan .name { background: #8ec42a; border: 2px solid #83ba1d; border-bottom: 0; margin-right: 466px; }
.selected-plan .name span { color: #fff; }
.selected-plan .name span:hover { color: #fff; }
.selected-plan .detail { border: 2px solid #83ba1d; }

ul.fillform { margin: 0 80px 0 0; padding: 20px 50px; width: 470px; }
ul.fillform li { margin-top: 5px; }
ul.fillform .label { display: inline-block; width: 150px; text-align: right; vertical-align: top; }
ul.fillform span input { width: 300px; }
/***********************************
		Whois Block
************************************/
.top-whois { height: 60px; position: relative; float: right;}
.top-whois .domain { width: 200px; height: 20px; border: 1px solid #5498d9; border-right: 0; background: #599fe1; font-size: 1em; color: #fff; padding: 2px 4px; margin: 10px -4px 0 0; float: left;}
.top-whois a.do-whois { background: url(../image/search.gif); display: inline-block; width: 33px; height: 33px; position: absolute; top: 15px; right: 35px; z-index: 1; }
.top-whois a:hover.do-whois { background: url(../image/search-hover.gif); }
.top-whois a.tld { width: 50px; line-height: 20px; display: inline-block; border: 1px solid #5498d9; border-left: 0; background: #599fe1; font-size: 1em; color: #fff; padding: 2px 4px 2px 4px; margin: 10px 50px 0 0; text-decoration: none; }
.top-whois a:hover.tld { color: #fff; font-size: 1.1em; }
.top-whois .tlds { display: none; position: absolute; top: 35px; right: 50px; width: 60px; background: #599fe1; border: 1px solid #5498d9; border-top: 0; z-index: 100; }
.top-whois .tlds a { color: #fff; display: block; line-height: 20px; text-decoration: none; padding: 0 5px; }
.top-whois .tlds a.selected { background: #2881d7; color: #04364c; }
.top-whois .tlds a:hover { background: #2881d7; color: #04364c; }
/***********************************
		Register Block
************************************/
.reg-main-container { background: #f0f0f0; margin: 30px 100px 20px 100px; padding-top: 30px; border: 1px solid e8e8e8; -moz-border-radius: 4px; position: relative; }
.reg-main-icon { background: url(../image/user.gif) no-repeat top right; display: inline-block; padding: 12px 52px 0 0; font: bold 16px Tahoma; color: #9caa3b; height: 48px; position: absolute; top: -25px; right: -10px; }
.register { margin: 0 25px; }
.register span {  }
.register-form { margin: 0 160px; color: #484f65; }
.register-form .txt1 { width: 300px; }
.register-form li { margin-bottom: 10px; }
.register-form li .cont {  }
.register-form li .label { display: inline-block; width: 140px; text-align: right; }
.register-form .require { color: red; margin-left: 5px; }

dl.contact-form {padding: 0 10px;}
dl.contact-form dt {font: 11px Tahoma; margin-bottom: 3px; color: #888;}
dl.contact-form dd {margin-bottom: 10px;}
dl.contact-form s {color: red; text-decoration: none; display: inline-block; width: 10px;}
dl.contact-form input {width: 250px; background: #fafafa; border: 1px solid #dfdfdf; font: 12px Tahoma; padding: 4px 5px 6px 5px; color: #111;}
dl.contact-form input:focus {background: #f7f6f1; border: 1px solid #dfdfdf; color: #111;}
dl.contact-form textarea {width: 400px; background: #fafafa; border: 1px solid #dfdfdf; font: 12px Tahoma; padding: 4px 5px 6px 5px; color: #111;}
dl.contact-form textarea:focus {background: #f7f6f1; border: 1px solid #dfdfdf; color: #111;}
dl.contact-form button {background: #fff url(image/btn.png) repeat-x top left; border: 1px solid #d8d8d8; cursor: pointer; font: 11px Tahoma; color: #555; padding: 4px 10px; -moz-border-radius: 10px;}
dl.contact-form button:hover {border: 1px solid #adaca7; color: #000;}
/***********************************
		Main Block
************************************/
div.main-top {}
div.main-top span.left { background: url(../image/main-top-r.gif); width: 38px; height: 23px; float: right; }
div.main-top span.center { background: #fff; width: 725px; height: 23px; float: right; }
div.main-top span.right { background: url(../image/main-top-l.gif); width: 37px; height: 23px; float: right; }

div.main-center {background: url(../image/main-center-bg.gif) repeat-y top right; width: 100%; p/adding: 0 25px; float: left; }

div.main-bottom {}
div.main-bottom span.left { background: url(../image/main-bottom-l.gif) left bottom; width: 51px; height: 37px; float: left;}
div.main-bottom span.center { background: #fff url(../image/main-bottom-c.gif) repeat-x right bottom; width: 698px; height: 37px; float: left;}
div.main-bottom span.right { background: url(../image/main-bottom-r.gif) right bottom; width: 51px; height: 37px; float: left;}
/***********************************
		Top of Main Block
************************************/
div.main-center div.top { p/adding: 0 25px; margin-top: -23px; }
div.main-center div.top .banner { background: url(../image/banner.gif) right top; float: right; width: 540px; height: 279px; margin: -12px 0 0 0; }
div.main-center div.top .left { float: left; }
div.main-center div.top .left .top { background: url(../image/orange-block.gif) left top; float: left; width: 200px; height: 135px; margin: -12px 0 0 0; }
div.main-center div.top .left .bottom { b/ackground: url(../image/yellow-block.gif) left top; float: left; width: 200px; height: 135px; margin: 9px 0 0 0; }
div.main-center div.top .left .bottom p { margin-bottom: 8px; }
/***********************************
		Alert Boxes
************************************/
.success { background: #dafbcc; border: 1px solid #bffea3; color: #3d851e; margin: 10px 50px; padding: 7px 10px; text-align: right; -moz-border-radius: 4px; }
.failed { background: #ffdfdf; border: 1px solid #ffbdbd; color: #bb1313; margin: 10px 50px; padding: 7px 10px; text-align: right; -moz-border-radius: 4px; }
/***********************************
		Text
************************************/
a {color:#60b6d5;}
a:hover{text-decoration:none;}

#main-text { padding: 0 25px; }

p {font: 12px Tahoma; text-align: justify; color: #444; margin-bottom: 5px;}

h1 { background:url(images/logo.jpg) no-repeat left top; height:56px;}
h2 { font: 18px Tahoma; color: #3397bc; margin-bottom: 7px;}
h3 { font-size: 1.09em; color: #167091; margin-bottom: 1px;}
h4 { color:#3397bc; font-size:1.09em; margin-bottom:5px; font-weight:normal;}
h4 a {color:#3397bc; }
h5 { color: #13579e; font: 13px tahoma; margin: 10px 0 4px 0;}
h6 { font-size:1em; margin-bottom:14px;}
h6 a {color:#60b6d5; font-weight:normal;}

.infoul {list-style-type: disc; margin-right: 10px;}
.infoul li {color: #444; margin-right: 20px;}

.welcome-text { font: 12px Tahoma; color: #696d50; padding: 10px 25px; }

.news-text { font: 12px Tahoma; color: #696d50; padding: 10px 0; }
.news-text h2 a { color:#60b6d5; text-decoration: none; b/ackground: url(../image/document.png) no-repeat center right; p/adding-right: 35px; }
.news-text h2 a:hover { color: #196681; }
.news-text div#content { padding: 10px; }
.news-text .infobar { color: #999; margin: 20px 10px 0 0; line-height: 20px; }
.news-text .infobar .date { background: url(../image/date.gif) no-repeat center right; padding-right: 20px; display: inline-block; margin-left: 30px; }
.news-text .infobar .views { background: url(../image/views-num.gif) no-repeat center right; padding-right: 20px; display: inline-block; margin-left: 30px; }
.news-text .infobar .cat { background: url(../image/tag-blue.gif) no-repeat center right; padding-right: 20px; display: inline-block; }

.service-detail { }
.service-detail .buy-title { color: #75b025; font-weight: bold; padding: 15px 0 10px 0; display: inline-block; }
.service-detail p { background: #f7f6f9; margin-bottom: 3px; padding: 5px 8px; }
.service-detail p:hover { background: #f1eff5; }
.service-detail p .title { display: inline-block; width: 25%; color: #9d0066; font-weight: bold; vertical-align: top; }
.service-detail p .text { display: inline-block; width: 74%; color: #666; }
/***********************************
		Table Style
************************************/
table.list { width: 100%; margin: 10px 0px; color: #4d4d4e; border-right: 1px solid #eeeef0; border-left: 1px solid #eeeef0; border-top: 1px solid #eeeef0; border-collapse: collapse; }
table.list tr{  }
table.list tr a{ color: #2583ad; text-decoration: none; }
table.list tr a:hover{ color: #d54e21; }
table.list tr.title { font: bold 13px Tahoma; color: #ddd; background-color: #224062; }
table.list tr.title td { padding: 10px 5px; }
table.list tr.a { background-color: #f8f8f8; }
table.list tr.a:hover { background-color: #ebecf0; }
table.list tr.b { background-color: #fff; }
table.list tr.b:hover { background-color: #ebecf0; }
table.list tr td { padding: 7px 5px; border-bottom: 1px solid #eeeef0 !important; }
table.list tr td a { font: 11px Tahoma; cursor: pointer; color: #2583ad;}
table.list tr td a:hover {color: #f14710;}
table.list tr td a:hover.accept {color: #3cb109;border-color: #8fc941;}
table.list tr td a:hover.noaccept {color: red;border-color: #f09898;}
table.list tr td a.linkimg { background: url(../image/domain.gif); display: inline-block; width: 16px; height: 16px; margin-left: 7px; }

.plandetail {width: 750px; margin: 10px 0px; color: #222; border-collapse: collapse;}
.plandetail tr {}
.plandetail td {text-align: center; padding: 5px 0; border-bottom: 1px solid #f1f5f6; border-right: 1px solid #b5ccd1;}
.plandetail .title {font: bold 15px Tahoma; color: #000; border-bottom: 2px solid #bacfd3;}
.plandetail .title i {font: 11px Tahoma; color: #666;}
.plandetail .title td {border-right: 0;}
.plandetail .blue {background: #f3f7f8;}
.plandetail .blue td {border-bottom: 1px solid #e9f0f2;}
.plandetail .cap {background: #fff; color: #222; font: normal 12px Tahoma; padding-right: 20px; text-align: right; border-right: 0; border-bottom: 1px solid #f1f5f6;}
.plandetail .t {background: url(../image/icon-greencheck.gif) no-repeat center center;}
.plandetail .g {color: #008000;}
.plandetail .o {font: bold 18px georgia; color: #fd5004; padding: 10px 0;}
.plandetail .tld {background: #f3f7f8;}
.plandetail .suf {direction: ltr; border-right:0;}
.plandetail .des {text-align: right; padding: 5px;}

.pdet {}
.pdet p {line-height: 20px; padding: 0 8px; margin:0; color: #669; border-bottom: 1px solid #e8edff;}
.pdet p:hover {background: #eff2ff; color: #7833ab;}
.pdet i {font-style: normal; display: inline-block; width: 70%; text-align: right;}
.pdet s {display: inline-block; width: 30%; text-align: left; text-decoration: none;}
.pdet .yes {background: url(../image/pdetyes.gif) no-repeat center left; height: 20px;}
.pdet .no {background: url(../image/pdetno.gif) no-repeat center left; height: 20px;}
.pdet h6 {background: #d0dafd; font-weight: bold; display: block; padding: 5px; margin-bottom: 0; color: #039;}
.pdet .cost {background: #9ff898; color: #178417; border: 1px solid #5ce552; margin-top: 15px;}
.pdet .cost:hover {background: #8cf584; color: #0d5e0d;}

/***********************************
	Page Number Style
************************************/
div.page { background-color: #eaf3fa; font: 15px Tahoma; padding: 11px 0; text-align: center; width: 100%; -moz-border-radius: 4px; }
div.page a { color: #2583ad; padding: 0 5px; cursor: pointer; text-decoration: none; }
div.page a:hover { color: #d54e21; }
div.page span { color: #246; padding: 0 8px; font-weight: bold; }

div.page-small { background-color: #eaf3fa; font: 12px Tahoma; padding: 5px 0; text-align: center; width: 100%; -moz-border-radius: 4px; }
div.page-small a { color: #2583ad; padding: 0 4px; cursor: pointer; text-decoration: none; }
div.page-small a:hover { color: #d54e21; }
div.page-small span { color: #246; padding: 0 6px; font-weight: bold; }

/***********************************
		Controls
************************************/
input.txt1 { background: url(../image/txt1-bg.gif) repeat-x; width: 100px; height: 18px; border: 1px solid #d6dade; color: #777; padding: 3px 4px 0 4px; font: 11px Tahoma; }
input.rtl { direction: rtl; text-align: right; padding: 4px 4px 0px 4px; }
input.ltr { direction: ltr; text-align: left; padding: 4px 4px 0px 4px; }
input.tbox { border: 3px solid #cee1ef; font: 16px Tahoma; height: 25px; width: 696px; }
input.login { border: 0; background: url(../image/login-box.gif); width: 190px; font: 13px tahoma; height: 23px; color: #666; padding: 7px 5px 0 5px; }
textarea.txt1 { background: #f7f8fa; width: 100px; height: 100px; border: 1px solid #d6dade; color: #777; padding: 3px 4px 0 4px; font: 11px Tahoma; }
label.label {display: block;width: 150px;padding: 6px;background-color: #cee1ef;font: bold 12px Tahoma;color: #000;margin-bottom: -1px;-moz-border-radius: 3px 3px 0px 0px;}
select { border: 3px solid #cee1ef; font: 16px Tahoma; padding: 4px; width: 100%; }
select option { padding: 2px 10px; font: 12px Tahoma; }
select.combo1 { background: url(../image/txt1-bg.gif) repeat-x; width: 100px; height: 24px; border: 1px solid #d6dade; color: #777; padding: 3px 4px 0 4px; font: 11px Tahoma; }
select.combo1 option { background: #fefefe; padding: 2px 10px; font: 12px Tahoma; }
div.checklist { overflow: auto; width: 694px; height: 80px; border: 3px solid #cee1ef; padding: 5px; }
a.checkbox { background: url(../image/checkbox0.gif) no-repeat center right; text-decoration: none; color: #666; padding-right: 17px; }
a.checkbox-selected { background-image: url(../image/checkbox1.gif); }
/*---------------------------------------------------*/
a.btn1 { }
a.btn1 .r { background: url(../image/but3-r.gif); width: 3px; height: 26px; float: left; }
a.btn1 .c { background: url(../image/but3-c.gif) repeat-x; width: 30px; height: 26px; float: left; }
a.btn1 .l { background: url(../image/but3-l.gif); width: 3px; height: 26px; float: left; }

a.btn1:hover {}
a.btn1:hover .r {}
a.btn1:hover .c {}
a.btn1:hover .l {}
/*----------------------------------------------------*/
.button { text-decoration: none; border: 1px solid #80b5d0; color: #246; background-color: #e5e5e5; padding: 6px 10px; font: 12px Tahoma; cursor: pointer; display: inline-block; -moz-border-radius: 3px; }
.button:hover { border-color: #6892a7; color: #da4e21; }

a.login-btn { background: url(../image/login-btn.gif); display: inline-block; width: 60px; height: 30px; }
a.login-btn:hover {  }

ul.form { margin: auto 20px; margin-top: 20px; }
ul.form li { margin-bottom: 20px; }
/***********************************
		Others
************************************/
hr.top { background: #efefef; color: #efefef; height: 9px; border: 0; width: 750px; margin: 8px 25px 10px 25px; }
.disbonyes {background: url(../image/yes.png); display: inline-block; width: 16px; height: 16px; margin-right: 10px;}
.disbonno {background: url(../image/no.png); display: inline-block; width: 16px; height: 16px; margin-right: 10px;}
.inline-indicator {background: url(../image/indicator_blue_large.gif); display: inline-block; width: 32px; height: 32px;}
/***********************************
		Footer
************************************/
.footer { color: #515f7d; margin: 0 50px 50px 45px; text-align: center;}
.footer .email { background: url(../image/footer-mail.gif) no-repeat 3px 6px; width: 35%; text-align: left; padding-left: 20px; display: inline-block; }
.footer .copyright { width: 61%; display: inline-block; }
.footerlinks {text-align: center; color: #63779f;}
.footerlinks a {font: 11px tahoma; color: #6d83af; text-decoration: none; margin: 0 10px;}
.footerlinks a:hover {color: #45536f;}

/***********************************
		Slide Show
************************************/
/*
#slide-controller {position: absolute; top:130px; left: 4px; width:20px; height:65px; z-index:1;}
#slide-controller a {width:20px; display: inline-block;margin-bottom: -6px;}
#slide-controller a:hover {width:20px;}
#slide-controller .next {background: url(../image/slidercontrol.gif); height:23px; m/argin-bottom: -7px;}
#slide-controller .next:hover {background: url(../image/slidercontrol.gif) no-repeat -20px 0; height:23px;}
#slide-controller .prev {background: url(../image/slidercontrol.gif) no-repeat 0 -61px; height:23px;}
#slide-controller .prev:hover {background: url(../image/slidercontrol.gif) no-repeat -20px -61px; height:23px;}
#slide-controller .start {background: url(../image/slidercontrol.gif) no-repeat 0 -24px; height:18px;}
#slide-controller .start:hover {background: url(../image/slidercontrol.gif) no-repeat -20px -24px; height:18px;}
#slide-controller .stop {background: url(../image/slidercontrol.gif) no-repeat 0 -42px; height:19px;}
#slide-controller .stop:hover {background: url(../image/slidercontrol.gif) no-repeat -20px -42px; height:19px;}
*/
#slide-controller {position: absolute; top:222px; left: 14px; width:56px; height:17px; padding: 3px; background: #fff; opacity: 0.9; filter: alpha(opacity=90); z-index:1;}
#slide-controller a {width:16px; height: 16px; display: inline-block;}
#slide-controller .next {background: url(../image/pnext.png);}
#slide-controller .prev {background: url(../image/pback.png);}
#slide-controller .start {background: url(../image/pplay.png);}
#slide-controller .stop {background: url(../image/ppause.png);}
#slide-runner { list-style-type: none; p/osition: relative; height: 260px; overflow: hidden; margin-right: 14px; }
#slide-runner li { display: none; p/osition: absolute; t/op: 0; l/eft: 0; width: 772px; height: 260px; }
#slide-runner li.selected { display: block; }
#slide-runner li#slide-img-1 { background: url(../image/banner/01.jpg);}
#slide-runner li#slide-img-2 { background: url(../image/banner/02.jpg); }
#slide-runner li#slide-img-3 { background: url(../image/banner/03.jpg); }
#slide-runner li#slide-img-4 { background: url(../image/banner/04.jpg); }
#slide-runner li#slide-img-5 { background: url(../image/banner/05.jpg); }
#slide-runner li#slide-img-6 { background: url(../image/banner/06.jpg); }
#slide-runner li#slide-img-7 { background: url(../image/banner/07.jpg); }
#slide-runner li#slide-img-8 { background: url(../image/banner/08.jpg); }
#slide-runner li#slide-img-9 { background: url(../image/banner/09.jpg); }
#slide-runner li#slide-img-10 { background: url(../image/banner/10.jpg); }

#slider-toolbar { position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; text-align: left; padding-left: 10px; direction: ltr; z-index: 5; }
#slider-toolbar-bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; background: #444; opacity: 0.3; filter: alpha(opacity=30); z-index: 4; }
#slider-toolbar a { background: url(../image/slider-btn-bg.png) no-repeat 0 0; text-decoration: none; line-height: 25px; color: #fff; font: bold 12px Verdana; display: inline-block; width: 24px; height: 20px; padding: 4px 0 0 7px; margin: 5px 2px 0 0; }
#slider-toolbar a.selected { background: url(../image/slider-btn-bg.png) no-repeat 0 -24px; }

#customers {background: #ffbc00 url(../image/customers.gif) no-repeat top right; height: 30px; overflow: hidden; margin: 5px 15px 0 0; padding: 0 10px; width: 751px;}
#customers ul {margin:0; margin-right: 160px;}
#customers li {height: 30px; line-height: 27px;}
#customers a {color: #222; text-decoration: none;}
#customers a:hover {}

.tbar {background: #3a83dc url(../image/tbbg.gif); height: 30px; width: 100%; text-align: right; position: fixed; bottom: 0; left: 0;}
.tbar a {border-left: 1px solid #64abf1; margin-left: -3px; line-height: 30px; display: inline-block; padding: 0 10px; text-decoration: none; color: #fff; b/order: 1px solid red;}
.tbar a:hover {background: #619be2 url(../image/tbbgo.gif);}
.tbar .info {background: none; border: none; font: 11px Tahoma; color: #888;}
.tbar .info:hover {background: none; color: #555;}
.tbar div.box {background: #f1f1f3; padding: 10px; border: 1px solid #ebebeb; border-bottom: 0; display: none; position: absolute; bottom: 30px; right: 2px; color: #404040; -moz-border-radius: 6px 6px 0 0;}
.tbar .form {}
.tbar .form br {line-height: 28px;}
.tbar .form s {display: inline-block; width: 70px; text-decoration: none;}
.tbar .form input {width: 150px; background: #fff; border: 1px solid #e4e4e4; color: #666; font: 11px tahoma; padding-bottom: 4px;}
.tbar .form select {width: 160px; background: #fff; border: 1px solid #e4e4e4; color: #666; font: 11px tahoma; padding: 0;}
.tbar .form button {color: #b6ffff; background: #09f; border: 1px solid #fff; font: 11px Tahoma; padding: 3px 6px; cursor: pointer; margin-top: 5px;}
.tbar .form button:hover {color: #fff;}
#chatbox {}
#chatbox #chatbody {width: 300px; height: 150px; overflow-y: scroll; background: #fff; border: 1px solid #e4e4e4; margin-bottom: 10px; padding: 5px;}
#chatbox #chatbody p {font: 11px Tahoma; line-height: 15px; text-align: justify;}
#chatbox .b {color: #1c81cf;}
#chatbox .g {color: #12b212;}
#chatbox textarea {width: 225px; height: 40px; border: 1px solid #e4e4e4; color: #1c81cf; font: 11px tahoma; padding: 2px 4px;}
#chatbox .send {color: #b6ffff; background: #09f; border: 1px solid #fff; clear: both; height: 25px; padding-right: 13px; line-height: 27px; vertical-align: top; float: left; display: inline-block; margin-left: 0;}
#chatbox .send:hover {}
#chatbox .dirr {background: url(../image/tright.png) no-repeat center center; border: 1px solid #f1f1f3; width: 16px; height: 16px; display: inline-block; padding: 1px;}
#chatbox .dirl {background: url(../image/tleft.png) no-repeat center center; border: 1px solid #f1f1f3; width: 16px; height: 16px; display: inline-block; padding: 1px;}
#chatbox .finish {background: url(../image/finish-chat.png) no-repeat center center; border: 1px solid #f1f1f3; width: 16px; height: 16px; display: inline-block; padding: 1px;}
#chatbox .dirr:hover, #chatbox .dirl:hover, #chatbox .finish:hover {border: 1px solid #12b212;}
#chatbox .buttons {float: left; width: 60px; height: 40px; display: inline-block;}
.chatboxltr #chatbody {direction: ltr; text-align: left;}
.chatboxltr textarea {direction: ltr; text-align: left;}

.planslideshow {width: 750px;overflow: hidden; height: 800px;}
.planslideshow ul {list-style: none;margin:0;padding:0;width: 3000px;}
.planslideshow li {display: inline; width: 750px;overflow: hidden;border: 1px solid red;}

.extra p {line-height: 16px; text-align: justify;}
.extra h3 {background: url(../image/add.gif) no-repeat center right; color: #639608; padding-right: 25px; line-height: 21px; margin-right: 10px;}
.extra .etitle {background: url(../image/checkblue.gif) no-repeat center right; padding-right: 17px; display: block; margin-bottom: 5px; color: #215576; font-weight: bold;}
.extra .eblock {background: #ecf5fb; -moz-border-radius: 4px; display: inline-block; width: 730px; padding: 5px 10px; margin-bottom: 10px;}

.aaa {width: 750px; h/eight: 100px; overflow: hidden;}
.aaa ul {list-style: none;margin:0;padding:0;width: 2000px;}
.aaa li {height: 100px;width:100px;overflow:hidden;display: inline;border:1px solid red;}

.voteq {background: url(../image/voteq.png) no-repeat top right; padding-right: 24px; font: 13px Tahoma; color: #333; margin: 15px 0; line-height: 24px;}
.voteradio {margin-right: 20px;}
.voteradio input {width: 20px;}
.voteresult {width: 100%; border-collapse: collapse;}
.voteresult td {padding: 3px 10px; border-bottom: 1px solid #ccc;}
.voteresult .q {background: #eee;}
.voteresult .n {background: #ede1ed; text-align: center;}
.voteresult .p {background: #ddedd5; text-align: center;}

.hostcat-list input, .hostcat-list label {cursor: pointer}
.hostcat-list span {display: inline-block; width: 23%; height: 27px;}