/* // COMMON ELEMENTS //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

* {margin:0; padding:0; border:0;}

body {font-family: "Arial", "Trebuchet MS", Times new roman; font-size:12px; background: #D0EBFF url(images/ste-bkg.jpg) repeat-x;}



/* .. Links ................. */

a {color:#066BB6; text-decoration: none;}

a:hover {color:#148D04;}



/* .. Text  ................. */

h1, h2, h3, h4, h5, h6 {color:#066BB6; font-weight:normal;}

h1 {font-size:24px;}

h2 {font-size:22px;}

h3 {font-size:20px;}

h4 {font-size:18px;}

h5 {font-size:16px;}

h6 {font-size:14px;}

p {line-height:1.5em;}

  #content p {margin-bottom:10px; text-align: justify;}



/* .. Lists ................. */

ul, ol {margin:10px 30px;padding:0pt 15px; }

  ul {list-style: url(images/bullet.gif);}

  ul li {margin-bottom:5px;}

  ol li {margin-bottom:5px;}



/* .. Content Blocks ........ */

code {background:#FBFEFF; border-color:#DFF1F9 rgb(223, 241, 249) rgb(223, 241, 249) rgb(223, 241, 249); border-style:solid; border-width:1px 1px 1px 3px; display:block; font-family:'Lucida Console','courier new',monospace; font-size:1em; font-weight:500; line-height:1.5em; margin:5px 0; overflow:auto; padding:10px; text-align:left; }

blockquote {background:#FBFEFF url(images/quote.gif) no-repeat scroll 2px 5px !important; border-color:#DFF1F9 rgb(223, 241, 249) rgb(223, 241, 249) rgb(223, 241, 249); border-style:solid; border-width:1px 1px 1px 3px; margin:0; padding:5px 10px 5px 35px; }



/* .. Forms ................. */

form { margin:0; padding:10px; }

  label { font-weight:bold; margin:5px 0; }

  input { border:1px solid #D5EDFF; color:#777777; font-family: "Myriad Pro", "Trebuchet MS", Arial; line-height: 1.5em; padding:4px; }

  textarea { font-size:12px; border:1px solid #D5EDFF; color:#777777; display:block; font-family: "Myriad Pro", "Trebuchet MS", Arial; height:100px; line-height:1.5em; width:350px; }

  input.button, input.submitbutton { height:25px; background: #042A94 url(images/button-bkg.gif) repeat-x; margin:1px; padding:2px 5px; color:#FFF; }

  select {border:1px solid #D5EDFF;}



/* // WEBSITE LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */



/* // STRUCTURE SCHEMA // */

#wrapper1 {background:url(images/main-content-bkg.jpg) repeat-y center; /* IE6 hack -->*/ margin-left:-1px;}

#wrapper2 {background: url(images/main-bkg.jpg) no-repeat center top; margin: 0 auto; }

#container {width:980px; margin: 0 auto; position:relative;}

.clearer {clear:both;}



/* // STRUCTURE COMPONENTS // */



/* .. Header ................ */



#header{height:91px; width:980px; display:block; margin:0 auto;}



  #logo{ float:left; background: url(images/hdr-logo.gif) no-repeat; height:60px; width:259px; position:absolute; top:18px; left:1px; padding:0;}

    #logo h1 a { margin: 0; padding: 0; height: 60px; width: 259px; display: block; text-decoration: none; overflow: hidden; border: 0; text-indent:-9999px;}



#slogan{float:right; height: 30px; width:880px; top:60px; padding:0; position:absolute; right:5px;}

    



  #chat{float:right; height: 10px; width:188px; top:30px; padding:0; position:absolute; right:5px;}    



  #shortcuts{float:right; background: url(images/shortcuts-bkg.jpg) no-repeat; width:225px; height:23px; position:absolute; right:6px;}

    #shortcuts ul {list-style: none; padding-left:20px;  margin:0;}

    #shortcuts li {display:inline; float:left; }

      .sht-home a, .sht-login a, .sht-webmail a, .sht-website a, .sht-contact a {margin: 0; padding: 0 10px 0 0; height: 20px; width: 27px; display: block; text-decoration: none; overflow: hidden; border: 0; text-indent:-9999px;}

        .sht-home a {background: url(images/sht-home.jpg) center no-repeat;}

        .sht-login a {background: url(images/sht-login.jpg) center no-repeat;}

        .sht-webmail a {background: url(images/sht-webmail.jpg) center no-repeat;}

        .sht-website a {background: url(images/sht-website.jpg) center no-repeat;}

        .sht-contact a {background: url(images/sht-contact.jpg) center no-repeat;}



/* .. Navigation ............ */

#navigation{ background:transparent url(images/main-nav-bkg.jpg) repeat-x; height:33px;}

#navigation2{ background:transparent url(images/main-nav-bkg2.jpg) repeat-x; height:33px;}

  #navigation-bkgl{height:33px; background:transparent url(images/main-nav-bkgl.jpg) top left no-repeat; }

  #navigation-bkgr{height:33px; background:transparent url(images/main-nav-bkgr.jpg) top right no-repeat;}

		#main-navigation { margin: 0 0 0 15px; list-style: none; line-height: normal;}

  		#main-navigation li { display: inline; padding:0; }

  		#main-navigation a { background:url(images/nav-normal.jpg) no-repeat top center; display: block; float: left; height: 25px; margin: 1px 0 0 0;

  		padding: 6px 30px 0 30px; text-decoration: none; font-size: 14px; font-weight: bold; color: #FFFFFF;  text-align:center;}

    		#main-navigation a:hover { background: transparent url(images/nav-hover.jpg) no-repeat top center; }

        #main-navigation .active a { background:transparent url(images/nav-active.jpg) no-repeat center top;}



#breadcrumbs{ background:url(images/bdc-bkg.jpg) repeat-x; height:20px;}

	#breadcrumbs p { margin:0; padding:1px 10px 0 10px}

  .breadcrumbs-left {float:left;}

  .breadcrumbs-right {float:right;}





/* .. Main .................. */

#main{margin:10px; font-size:100%;}



  #sidebar{float:right; width:200px;}

    .module {width:200px; margin-bottom:10px;}

    .module h3 {font-size:14px; color: #FFFFFF; height:25px; padding: 0 0 0 5px; line-height: 1.7em; background: url(images/module-top-bkg.png) no-repeat;}

    .module div {background: url(images/module-bottom-bkg.png) no-repeat bottom; list-style:none; padding: 0 1px 10px 1px}

    .module ul {margin:0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none;}

      .module ul li {padding:5px 0 5px 5px; border-bottom:1px solid #DFF1F9; margin:0;}

        .module ul li a {color:#024877}

        .module ul li a:hover {color:#066BB6;}



  #content{float:left; width:750px;}

	  #main-banner {margin-bottom:5px;}

		#content-left-columm {float:left; width:365px; margin: 0 ;}

		#content-right-columm {float:right; width:365px; margin: 0;}

			.content-func-box {background:url(images/cnt-func-box.png) no-repeat; width: 365px; height:80px; margin: 10px 0 }

				.cnt-func-box-img {float:left; width:60px; padding:10px 5px 5px 5px;}

				.cnt-func-box-txt {float:right; width:270px; padding: 10px 5px 5px 5px;}



/* .. Footer ................ */

#footer{color:#FFFFFF; background:transparent url(images/footer-bkg.jpg) top repeat-x; height:68px; font-size:100%;}





.contentbox {background: #F4FAFF; color:#066BB6; border:1px solid #D5EDFF; padding:5px; margin:8px;}

.errorbox {background: #FFBFBF; color:#066BB6; border:1px solid #D5EDFF; padding:5px; margin:8px;}

.clientareatable {}

.clientareatableactive{background-color:#DFFFE0}

.clientareatableactive2 {background: #ffffff; }

.clientareatablepending{background-color:#EFEFEF}

.clientareatablesuspended{background-color:#FFF6CF}

.clientareatableterminated{background-color:#FFCFCF}

table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}

table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}

table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}

table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}



.icone { vertical-align:-4px; padding:0px; margin-right:4px; }



.box-header { margin:8px; padding:0px; margin-bottom:10px; }

	.box-header h1 { margin:0px; padding:8px; color:#066BB6; }

	.box-header h3 {margin:0px; padding:8px; color:#066BB6;}

	.box-header p { margin:0px; padding:8px; color:#444; line-height:1.4em; }



.box { margin:8px; padding:0px; margin-bottom:10px; }

	.box h1, .box h3 { margin:0px; padding:8px; color:#066BB6; background-color:#F4FAFF; border:1px solid #D5EDFF;  }

	.box h1 a, .box h3 a { text-decoration:none; color:#444;}

	.box h2 { margin:0px; padding:8px; color:#066BB6; }

	.box p { margin:0px; padding:8px; color:#444; }

	.box span { color:#999; }

	.box form {padding:0;}



.tabela { margin:8px; padding:0px; border-left:1px solid #D5EDFF; border-right:1px solid #D5EDFF; }

	.tabela th { margin:0px; padding:8px; text-align:left; color:#444; background-color:#F4FAFF; border-bottom:1px solid #D5EDFF; border-top:1px solid #D5EDFF; }

	.tabela td { margin:0px; padding:8px; color:#444; border-bottom:1px solid #D5EDFF; }



.tabela2 { margin:8px; padding:0px; border-top:1px solid #D5EDFF; border-left:1px solid #D5EDFF; border-right:1px solid #D5EDFF;}

	.tabela2 th, .tabela2 th a{ margin:0px; padding:6px; text-align:left; color:#444; }

	.tabela2 th { margin:0px; padding:8px; text-align:left; color:#444; background-color:#F4FAFF; }

	.tabela2 td{ margin:0px; padding:8px; color:#444; border-bottom:1px solid #D5EDFF;}

	.fieldarea {background-color:#F4FAFF;}

	.columncolor {background:#F4FAFF;}

	.supportticketscontent {}

	

.tabela-status { border:1px solid #D5EDFF; margin:8px; padding:0px;}

.tabela-status td { padding:1px;}



.domaincheckeravailable {color: #669900;}

.domaincheckerunavailable {color: #cc0000;}



tr.orderheadingrow {background-color: #5AB9F1; color: #ffffff;}

tr.orderrow1 {background-color: #E8F0F9; color: #000000;}

tr.orderrow2 {background-color: #D6E4F6; color: #000000;}



table.frame {width: 100%; border: 1px solid #f2f2f2; padding: 0px;}



.heading {

	font-family: Tahoma;

	font-size: 18px;

	font-weight: normal;

	color: #65A5E6;

}



.noticias {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #333333;

	text-decoration: none;

}



.heading2 {

	font-family: Tahoma;

	font-size: 16px;

	font-weight: bold;

    text-decoration: none;

    color: #000000;

}



.heading3 {

    font-family: Tahoma;

    font-size: 12px;

    font-weight: bold;

    color: #16679F;

}



.wrapper {

	width: 730px;

	border: 0px;

	padding: 5px;

	border-collapse: collapse;

	background-color: #ffffff;

	margin-left: auto; 

	margin-right: auto;

}



table.topnavbar {

	width: 100%;

}



#tudo {

margin : auto;

width : 800px;

position : relative;

background-image:url(imagens/fundin.png);

}

#servicos {

	position:absolute;

	left:117px;

	top:80px;

	width:419px;

	height:308px;

	z-index:1;

}

tr.topnavbar {

	background-color: #efefef;

	font-weight:bold;

	text-align: center;

}



tr.topnavbar a {

	color: #000000;

	text-decoration: none;

}



tr.topnavbar a:hover {

	color: #666666;

}



.networkissuessummary {

    background-color: #f6f6f6;

    border: 1px dashed #cccccc;

    padding: 10px;

    text-align: center;

}



.networkissuesopen {

    font-size: 16px;

    font-weight: bold;

    color: #65CC00;

    padding-right: 20px;

}



.networkissuesscheduled {

    font-size: 16px;

    font-weight: bold;

    color: #EEDD00;

    padding-right: 20px;

}



.networkissuesclosed {

    font-size: 16px;

    font-weight: bold;

    color: #888888;

}



.networkissuedescription {

    border-left: 5px solid #efefef;

    padding: 20px;

    padding-top: 1px;

}



.networkissueaffected {

    background-color: #FDFCDD;

    padding: 10px;

    margin-top: 10px;

}

/* @2009 CyberData Soluções Simples em Internet */

