/* ************************************************************************* * NextInspire.com * * Copyright (C) 2009 NextInspire.com. All Rights Reserved * * Last Modified : November 28, 2009 ( Revision 03-1 ) * ************************************************************************* */ html, body, div, applet, object, h1, h2, h3, h4, h5, h6, p, span, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, ul, li, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin:0; padding:0; vertical-align:top; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } body, td, tr { font:400 11px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#656565; line-height:1.8 } a { text-decoration:none; } a:hover { text-decoration:none; } table { border-collapse:collapse; border-spacing:0; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } ul, li, ol { vertical-align:middle; } form { display:inline; } fieldset { border:none; } img { border:none; } small { font-size:10px; } p { padding:5px 0 8px 0; } .clear { clear:both; line-height:0 } checkbox, input, radio { font:400 11px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#656565; } textarea { font:400 11px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#656565; padding:3px 2px; overflow: auto; border:1px solid #BBBBBB; background-color:#FFFFFF;} select { font:400 11px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; color:#656565; } .inputbox1 { margin-right:5px; padding:1px 0 1px 4px; height:16px; border:1px solid #BBBBBB; background-color:#FFFFFF; } .inputbox2 { margin-right:5px; padding:1px 0 1px 4px; height:16px; border:1px solid #BBBBBB; background-color:#F5F5F5; } .style_checkbox { margin:3px 6px 0 2px; #margin:-3px 4px 0 -2px } .style_radio { margin:3px 6px 0 2px; #margin:-5px 4px 0 -2px } .textred { color:#990000; } .textgreen { color:#339933; } .textblack { color:#222222; } .textorange { color:#FF6600; } .textblue { color:#003399; } .textgrey { color:#999999; } .textgold { color:#CC9900; } .width_1 { width:25px; } .width_2 { width:70px; } .width_3 { width:100px } .width_4 { width:150px } .width_5 { width:250px } .width_6 { width:350px } table.tb_data { width:100%;} table.tb_data th { font:700 11px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:7px 6px 11px; text-align:center; } table.tb_data td { padding:6px 6px; text-align:center; } table.tb_data tr.highlight:hover { background-color:#EFEFEF; cursor: pointer;} table.tb_data tr.clientareatableactive { background-color:#FFFFFF; } table.tb_data tr.clientareatablepending { background-color:#EAF5FB; } table.tb_data tr.clientareatableterminated { background-color:#CCCCCC; } table.tb_data tr.clientareatablesuspended { background-color:#FFFFD7; } table.tb_data th.tbcol_1 { text-align:left; } table.tb_data td.tbcol_1 { text-align:left; } table.tb_data th.tbcol_0 { text-align:right } table.tb_data td.tbcol_0 { text-align:right } .table_title { background:url(images/icon_info.gif) 6px 6px no-repeat; font:700 12px Candara, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; line-height:1.8; text-transform:uppercase; padding:5px 0 5px 32px; } .table_frame { margin:0 auto; } .table_head { padding:2px 10px 35px 10px; } .table_foot { margin:14px 0 -18px 0; text-align:center;} .fieldarea { padding:15px 15px 0 15px;} .fieldarea dl { padding:0 0 15px 0; } .fieldarea dt { padding:3px 8px 0 0; height:auto!important; height:20px; min-height:20px; text-align:right; white-space:nowrap; float:left; } .fieldarea dd { padding:3px 0 3px 0; height:auto!important; height:20px; min-height:20px; text-align:left } .fieldarea a { text-decoration:underline;} .errormessage { background:url(images/msg_warning.gif) 10px top no-repeat; margin:0px 0px 20px 0px; padding:0px 0px 0px 85px; height:auto!important; height:50px; min-height:50px; color:#CC0000; font-weight:bold; line-height:2 } .successmessage { background:url(images/msg_success.gif) 10px top no-repeat; margin:0px 0px 20px 0px; padding:0px 0px 0px 85px; height:auto!important; height:50px; min-height:50px; color:#CC6600; font-weight:bold; line-height:2 } .footnotes { font:400 10px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; padding:5px 0 0 0; color:#aaa; vertical-align:bottom } .content { height:auto!important; height:550px; min-height:550px; } .section ul { margin:10px 0 0px 30px; line-height:2; } .section li { list-style:outside; vertical-align:middle; } #layout_sysmessage { height:auto!important; height:480px; min-height:480px; padding:60px 110px 10px 110px; text-align:center; } #layout_sysmessage button { margin:15px auto; line-height:1.2; } #layout_sysmessage .title { color:#333333; padding-bottom:3px; font-weight:700; } #layout_sysmessage a { text-decoration:underline; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : affiliates, affiliatessignup, clientareaaddcontact, clientareaaddfunds, clientareacancelrequest, clientareachangepw, clientareachangesq, clientareacontacts, clientareacreditcard, clientareadetails, clientareadomaincontactinfo, clientareadomaindetails, clientareadomainemailforwarding, clientareadomaingetepp, clientareadomaindns, clientareadomainregisterns, clientareadomainrenew, clientareaproductdetails, configuressl-stepone, configuressl-steptwo, supportticketsubmit-stepone, supportticketsubmit-steptwo ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #layout_clientarea .content { padding:25px 0px; clear:both; } #layout_clientarea .topic { background:url(images/spacer_gray.gif) 0 10px repeat-x; } #layout_clientarea .topic span { margin-left:8px; padding:0 4px; background:#FFFFFF; font-weight:700 } #layout_clientarea .desc { padding:10px 12px 0 12px; } #layout_clientarea .fieldarea dt { width:auto!important; width:145px; min-width:145px; } #layout_clientarea .btn_area { margin:0; padding:15px 0 0 0; border-top: #ddd 1px solid; text-align:right; } #layout_clientarea .table_title { margin-top:-15px; } #layout_clientarea .pageresults { padding:5px 15px; color:#B5B5B5; } #layout_clientarea .pagenumber { float:left; } #layout_clientarea .nextpage { float:right } #layout_clientarea .prevpage { float:right } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : announcements, clientregister, contact, downloads, downloadscat, knowledgebase, knowledgebasearticle, knowledgebasecat, networkissues, supportticketsubmit-kbsuggestions, supportticketsubmit-stepone, supportticketsubmit-steptwo, tutorials, viewannouncement ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #layout_support .content { padding:25px 0px; clear:both; } #layout_support .topic { background:url(images/spacer_gray.gif) 0 10px repeat-x; } #layout_support .topic span { margin-left:8px; padding:0 4px; background:#FFFFFF; font-weight:700 } #layout_support .desc { padding:10px 12px 0 12px; } #layout_support .fieldarea dt { width:auto!important; width:125px; min-width:125px; } #layout_support .btn_area { margin:0; padding:15px 0 0 0; border-top: #ddd 1px solid; text-align:right; } #layout_support .table_title { margin-top:-15px; } #layout_support .pageresults { color:#B5B5B5; height:30px; padding:0 12px; } #layout_support .nextpage { padding:0 22px; background:url(images/icon_nextpage.gif) no-repeat right; float:right; } #layout_support .prevpage { padding:0 22px; background:url(images/icon_prevpage.gif) no-repeat left; float:left; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : announcements, downloads, downloadscat, knowledgebase, knowledgebasearticle, knowledgebasecat, supportticketsubmit-kbsuggestions ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #layout_support .list { padding:20px 10px 10px 10px; display:inline-block; } #layout_support .list dl { padding:0px 5px 5px 0px; cursor:pointer; } #layout_support .list dt { padding:0px 0 0 22px; font-weight:700; } #layout_support .list dd { padding:2px 0 10px 22px;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : announcements, downloads, downloadscat. knowledgebase, knowledgebasearticle, knowledgebasecat, supportticketsubmit-kbsuggestions ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #category .section { clear:both; } #category .topic { display:none; } #category .list { padding-top:0px} #category dl { float:left; width:220px; } #popular .section { clear:both; display:inline-block; } #popular .topic { background:url(images/popular_separate.gif) 0px 25px repeat-x; height:50px; margin-bottom:-15px; } #popular .topic span { font-size:12px; padding-left:40px; background:url(images/popular_topic_icon.gif) 2px 0px no-repeat; font:700 12px Candara, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; line-height:1.8; text-transform:uppercase;} #article .section { clear:both; } #article .topic { display:none; } #article .list { padding-top:0px; } #announcements .btn_area { margin:0 12px; padding:15px 0 0 0; border-top: #ddd 1px solid; text-align:center; clear:both } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : knowledgebasearticle, viewannouncement ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #innertext .section { clear:both; } #innertext .topic { background:none; font-size:12px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : knowledgebasearticle ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #article_foot { margin:60px 0px 0px 0px; font-weight:700; background:url(images/article_foot.gif) no-repeat left top; height:35px;} #article_foot .print a { float:left; padding:7px 20px; margin-left:15px; background:url(images/small_print.gif) no-repeat left 9px; display:block} #article_foot .bookmark a { float:left; padding:7px 20px; background:url(images/small_bookmark.gif) no-repeat left 9px; display:block} #article_foot .vote { float:right;padding:7px 15px; background:url(images/article_foot.gif) no-repeat right top; height:35px;} /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : tutorials ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #tutorials ul { margin:15px 15px 20px 15px ; } #tutorials li { list-style:none; background:url(images/tutorial.gif) no-repeat left 2px; padding:0 25px; margin:0 25px 3px 0; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : networkissues ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #networkissues .section { margin-bottom:20px;} #networkissues .group { margin:-20px 0px 12px 0;} #networkissues .group a { padding:0 10px; font-weight:bold; } #networkissues .group a:hover { color:#656565 } #networkissues .group ul { text-align:right; font:700 14px "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Sans Serif"; text-transform:uppercase} #networkissues .group li { display:inline;} #networkissues .pageresults { padding:10px 10px 0} /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : serverstatus ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #serverstatus table th.tbcol_2, #serverstatus table th.tbcol_3, #serverstatus table th.tbcol_4 { width:45px; } #serverstatus table td.tbcol_2, #serverstatus table td.tbcol_3, #serverstatus table td.tbcol_4 { width:45px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : clientareaproductdetails ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #clientareaproductdetails .downloads { padding:15px 100px 0px 40px; } #clientareaproductdetails .downloads dt { padding:0px 0 0px 0; font-weight:700; } #clientareaproductdetails .downloads dd { padding:3px 0 15px 22px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Modify this section of styles will affect the following pages : login.php ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #layout_login .content { text-align:center; background:url(images/bg_login.gif) no-repeat 80px 30px;} #layout_login .section { width:550px; margin:0px auto; } #layout_login .fieldarea { padding:20px 0 0 40px;} #layout_login .fieldarea dt { width:auto!important; width:180px; min-width:180px; } #layout_login .inputbox1 { width:190px; } #layout_login .incorrect { color:#CC0000; font-weight:700; height:25px} /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Below styles are used for handle all buttons for this template ------------------------------------------------------------------------------------------------------------------------------------------------------ */ button { position: relative; border: 0; padding: 0; cursor: pointer; #overflow: visible; text-align:center; vertical-align:top; font:700 11px Candara, "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode"; text-transform:uppercase; } button::-moz-focus-inner { border: none; } /* overrides extra padding in Firefox */ button span { position: relative; display: block; white-space: nowrap;} button.BtnSubmit { padding: 0 12px 0 0; margin:0 0 0 -3px; #margin:0; color:#444; } button.BtnSubmit span { padding: 6px 0 0 13px; width:auto!important; width:55px; min-width:55px; height:19px; #margin:0 0 -2px 0; #padding-right:3px; } button.BtnSubmit:hover, button.BtnSubmitHover { background-position: right -150px; color:#777; } button.BtnSubmit:hover span, button.BtnSubmitHover span { background-position: 0 -50px; } button.BtnSmall { padding: 0 8px 0 0; margin:0 0 0 -3px; #margin:0; color:#fff; } button.BtnSmall span { padding: 3px 0 0 10px; width:auto!important; width:40px; min-width:42px; height:17px; #margin:0 0 -2px 0; #padding-right:3px; } button.BtnSmall:hover, button.BtnSmallHover { background-position: right -150px; color:#eee; } button.BtnSmall:hover span, button.BtnSmallHover span { background-position: 0 -50px; } button.BtnGo { height:20px; width:28px; margin:0; } button.BtnGo span { display:none; } button.BtnGo:hover, button.BtnGoHover { background-position: right -50px; } /* Safari and Google Chrome only - fix margins */ @media screen and (-webkit-min-device-pixel-ratio:0) { button span { margin-top: -1px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------------ Below styles are used for adjust individual pages ------------------------------------------------------------------------------------------------------------------------------------------------------ */ #creditcard .style_radio { margin-left:-16px; #margin-left:-20px;} #layout_checkout textarea { width:400px; height:80px;} textarea.tos, textarea.csr { font-family:'Courier New', Courier, monospace; text-transform:uppercase; width:400px; height:120px;} .content select { border:1px solid #bbb; background-color:#fff; padding-left:0px; height:20px; margin-right:5px; line-height:1.3; } .infobox select { margin-right:0px; margin-left:3px;} #affiliates .fieldarea dt { width:auto!important; width:195px; min-width:195px; } #clientareaaddfunds .fieldarea { padding:20px 0 0 15px; line-height:1.8; } #clientareaaddfunds .fieldarea dd { padding:3px 3px 3px 0; float:left; } #clientareachangesq .fieldarea dt { float:none;text-align:left; } #clientareadomains table th.tbcol_2 { text-align:left; } #clientareadomains table td.tbcol_2 { text-align:left; } #supportticketslist table th.tbcol_3 { text-align:left; } #supportticketslist table td.tbcol_3 { text-align:left; } #supportticketslist table td.tbcol_2 { text-align:right; padding:4px 0px; } #clientareaemails table th.tbcol_2 { text-align:left; } #clientareaemails table td.tbcol_2 { text-align:left; } #clientareaproductdetails .table_title { display:none; } #affiliates .table_title { display:none; } #clientareaproductdetails .table_frame { margin-top:30px; } #affiliates .table_frame { margin-top:30px; } #affiliates .withdrawal { clear:both; } .approveremail { padding-left:20px;}