/*---- THE CONSOLE BASE STYLES -------------*/
/*----

All base styles are contained below. You can customise the styles by modifying
the base styles or adding new properties to the .cp styles at the bottom of the style sheet.

----*/


/*::::::: BODY STYLES:::::::::*/

body {
	background-image: url("images/main-theme/bg3.jpg");
	background-repeat: repeat-x;
	background-color:#86A8A7;
	margin-top: 0px;
}

body, td, th {font:11px Helvetica, sans-serif; color: #333;text-align:left;}

/*::::::: PAGE CONTAINERS:::::::::*/

/*use crappy gif shadow for IE*/
DIV#shadow {
width:955px; background:url("images/main-theme/1024/shadow1024.gif") repeat-y;
}

/* a hack to hide png shadow from IE 4/5/6*/
html>body DIV#shadow {
width:955px; background:url("images/main-theme/1024/shadow1024.png") repeat-y;
}

DIV#page {
width:942px; min-height:400px;
}

DIV#header {
background: url("images/main-theme/1024/logobar1024.gif") no-repeat;
height:78px;
width: 940px;
}

#navBar {
    width:941px;
    height:36px;
    background: url("images/main-theme/1024/blue_bg.jpg") repeat-x;
}

DIV#banner {
background:url("images/main-theme/1024/banners/console_thin1024.jpg") no-repeat; width:940px; height:60px;
}

DIV#shadowFooter {
background:url("images/main-theme/1024/footerShadow1024.gif") no-repeat; width:955px; height:8px;
}

/*::::::: TEXT AND OBJECT STYLES :::::::::*/
p, li  { font-size: 11px; line-height: 14px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 5px; }
h1, h2, h3, h4, h5, #taskbutton {font-family:"Trebuchet MS", Heveltica, sans-serif;font-weight:normal;text-align:left;}
h1  { font-size: 30px; padding-bottom: 4px; margin-top: 0pt; margin-right: 0pt; margin-bottom: 8px; margin-left: 0pt; color: #336699; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color: #c1d1e0; }
h2 {font-size: 16px; font-weight: bold; margin-right: 0pt; margin-left: 0pt; margin-top: 18px; margin-bottom: 6px; color: #cc0000;}
h3  { font-size: 14px; margin-top: 24px; color: #156a91; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; }

h4, h5 {font-size:14px;font-weight:bold;margin: 1em 0 0 0;color: #666;}
.cell h5, .celllast h5 {color:#CC0000;font-size:110%;margin:4px 0;}
code {font: 1.1em Courier, monospace;}
.errors { margin-bottom: 24px;}
.errors h3 { margin: 0 0 6px 0;}
.important {margin:10px 0;border:2px solid #cc0000; padding:8px 8px 8px 16px;background: #e9eff3 url(images/main-theme/required.gif) no-repeat 6px 6px;}
.padlock {width:16px;height: 16px;margin:0;padding:3px 0 3px 20px;font-size:76%;color:#999;font-style:italic;text-indent:-9000px;text-decoration:none;background: transparent url("images/main-theme/16x16lock.gif") no-repeat 0 0;}
.subtext {color:#999;font-style:italic;}
.textright {text-align:right;}
hr {border-bottom:4px solid #336699;margin: 0 0 4px 0 !important;margin: -7px 0 4px 0; /* ie is cruel */clear:both;padding:0;line-height:0;height:4px;}
hr.thin {border:0;border-bottom:1px solid #336699;margin:1em 0;clear:both;height:1px;}
DIV.heading {font:bold 18px/36px 'Trebuchet MS', sans-serif; color:#fff; padding-left:12px; text-align:left;}

/*Errors */
 h2.error {border:2px solid #cc0000; background-color:#f0f0f0; padding:12px; text-align:left; font-size:1.4em;color:#cc0000;}
 font.error {font: bold 12px Helvetica, sans-serif; color:#cc0000; padding:5px;}

/*::::::: LISTS :::::::::*/

ul {list-style: url("images/main-theme/li-bullet.gif");margin-left:1.8em;}
li.on {list-style: url("images/main-theme/red-arrow.gif");font-weight:bold;color:#336699;font-size:110%;text-decoration:underline;}
dl {margin-left:10px;}
dt {font-weight:bold;}
dd {margin:4px 0 4px 10px;}


/*::::::: LINK STYLES:::::::::*/

a:link {color:#336699;}
a:visited {color: #336699;}
a:hover {color: #CC0000;}
a:focus {color:#CC0000;outline:none;}


/*::::::: IMAGES:::::::::*/

img {border:0;}

/*::::::: NET REG LOGO :::::::::*/
/*
#logo {float:left;padding-left:8px;}
#logo h1 {width:220px;height: 55px;margin:0;padding:0;}
#logo h1 a {display:block;float:left;border:0;width:330px;height: 55px;margin:0;padding:0;background: transparent url("images/main-theme/nr-logo-console.gif") no-repeat 0 0;text-indent:-9000px;text-decoration:none;}*/

/*---- header nav -----*/

/*#headernav {margin:0;padding: 0 20px 0 0;list-style: none;float:right;color:#666;font-size:90%;}
#headernav li {display: inline;}
#headernav a {color:#336699;text-decoration: none;border-right: 1px solid #ccc;text-transform: lowercase;padding: 1px 9px 1px 6px}
#headernav  a:hover {color: #0066cc;text-decoration: underline;}
.fullscreenmenu {line-height:40px;}*/


/*:::::::HEADER MAIN NAVIGATION  LINKS :::::::::*/

/*:::::::HEADER SUB NAVIGATION  LINKS :::::::::*/
/* Links within header to Customer Service & Other Links */
#subnavWrapper{float:right; margin-right: 1px;}

 #subnav{list-style: none; font:11px Helvetica, sans-serif; text-align:left;}

#subnav ul {
     padding: 0;
     margin-left:-12px;
	 margin-top:0;
     list-style: none;
     width:120px;
     z-index:2;
     position:absolute;
     overflow:hidden;
}

#subnav li {
     margin:0;
     position: relative;
     float:left;
     /*width:120px;*/
	 padding:0 12px 0 12px;
	 border-left:1px solid #ccc;
     /*background-color:rgb(204, 204, 204);*/
	 background:#fff;
     /*border:solid 1px #CCC;*/
	 /*border-bottom:1px solid #fff;*/
     display:block;
     /*height:20px;*/
}

#subnav ul li{ border-width:1px 1px 0 0;}

#subnav ul ul li{ border-width:1px 1px 0 1px;}

#subnav ul ul li:last-child{border-bottom:1px solid #f0f0f0;}

#subnav a {
     text-decoration:none;
     display:block;
     padding: 2px;
	 margin:0;
     /*margin:0.2em 0 0.2em 0.1em;*/
     /*width:100px*/
     /*height:20px;*/
}

/*#subnav a:hover,*/ #subnav li:hover {
     background-color:#DDE6F0;
}
#subnav ul li:hover, #subnav ul li a:hover {
     background-color:#f0f0f0;
}

#subnav ul{
     display:none;
}

/*all see this */
#subnav ul ul{
     display:none;
     position:absolute;
     margin-top:-1.8em;
     margin-left:12em;
}

/* non-IE browsers see this */
#subnav ul li>ul, #subnav ul ul li>ul{
    /* margin-top:-1.4em;*/
}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li:hover ul ul ul ul, #subnav li:hover ul ul ul ul ul{
     display:none;
}

#subnav li:hover ul, #subnav ul li:hover ul, #subnav ul ul li:hover ul, #subnav ul ul ul li:hover ul, #subnav ul ul ul ul li:hover ul{
     display:block;
}

li>ul {
     /*top: auto;*/
     left: auto;
}

/*::::::: MAIN MENU - LOGOUT LINKS :::::::::*/
/* sit just below header*/
#logoutmenu {clear:both;margin:0 0 4px 0;padding:4px;}
#logoutmenu a {font-weight:bold;margin:0 0 0 0;}

/*::::::: BOTTOM NAV :::::::::*/
/* Links for bottom of web page - usually copyright notice and legal links */
#bottomnav {text-align:center;list-style: none;color:#fff;font-size:90%;}
#bottomnav li {display: inline;margin:0;}
#bottomnav a {color:#fff;text-decoration: none;border-right: 1px solid #ccc; padding: 1px 9px 1px 6px;}
#bottomnav a:hover {color:#354444;text-decoration: underline;}

/*::::::: FORMS :::::::::*/
/* General styling of forms - comment out if you experience difficulties */
form {}
form div {clear:both;margin:0.8em 0;}

legend
{
font-size:12px;
font-weight:bold;
padding-top:0pt;
padding-right:0.4em;
padding-bottom:0pt;
padding-left:0.4em;
text-align:left;
color: #1d7ca8;
}

fieldset
{
border-style:solid;
border:1px;
border-color:#dee8f2;
padding:1.4em;
margin-top:12px;
margin-right:0px;
margin-bottom:1.2em;
margin-left:0px;
background-color:#f6f6f6;
text-align:left;
}

label {cursor:pointer;float:left;width:15em;display: block;margin-top:4px;font-weight:bold;}
input, textarea, select {margin:0;font: 100% "Trebuchet MS", Verdana, sans-serif;color:#333;}
select {
    background-color:#fff;
}
input.border {border:1px solid #ccc;padding:2px;}
textarea {border:1px solid #ccc;padding:2px;}
/*textarea:focus {background:#eee;color:#336699;border:1px dotted #666;}*/
input.invalid:focus, textarea.invalid:focus {color:#6699ff;	background-color:#fff;border:1px solid #ccc;}
input[type="checkbox"]:focus, input[type="radio"]:focus {border: 0;}
select:focus {color:#336699;}

/*---- home login -----*/
#logonform fieldset {background:#e9eff3;width:340px;}
#logonform label {width:12em;}

/*::::::: TABLES :::::::::*/
th {font-weight:bold;}
th.cp {background:#e9eff3;text-align:left;padding:8px;}
td.cp {background:#eeeff0;padding:8px;text-align:left;}
.welcometable {background:#f5f1f0;}
td.cell, td.celllast {padding:4px 8px;border-right:16px solid #f5f1f0;}
td.celllast {border:0;}

/*---- THE CONSOLE BASE STYLES -------------*/
/*----

Add your own styles here to override the base properties

----*/


h1.cp {}

h2.cp {}

h3.cp {}

th.cp {}

td.cp {}


/* ---------- below are the styles I had to add for rego and order ---------------*/


.domainForm
{
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.white_title, .white_text
{
    font-size:13px;
    color: #156a91;
    font-weight: bold;
    border-bottom-width:1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding: 2px;
}

td.white_title, td.white_text
{
    margin-top:3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    padding: 2px;
}

.norm_title, .norm_upper_text
{
font-family:Helvetica,Arial,sans-serif;
font-style:normal;
font-variant:normal;
font-weight:bold;
font-size:12px;
line-height:18px;
color:#285d93;
padding: 2px;
}

.norm_text
{
    padding:2px;
}
/*
td, th
{
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
*/

#orderTotal
{
font-weight: bold;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}

#priceTotal
{
font-weight: bold;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
color: #ff3333;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
}

.tip {border:solid 1px #336699; width:180px; padding:8px; position:absolute; z-index:100;visibility:hidden;top:80px;left:20px;background-color:#fff;background-color:#fff;}
.tip h3 {font-size:12px;border-bottom:1px solid #336699;margin:0 0 4px 0;color:#336699;}
.tip p {font-size:11px;margin:0;padding:0;}

table.smalltext td, th {
padding-top: 6px;
padding-right: 4px;
padding-bottom: 6px;
padding-left: 4px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eeeeee;
}

table.smalltext th {
text-align: left;
font-size: 11px;
}

.www {
    display:inline;
}

div#comparisonTableTitle
{
text-align: center;
font-weight: bold;
}

.title
{
font-family: Helvetica,Arial,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 12px;
line-height: 18px;
color: #2b9acd;
}

.bold_text
{
    font-weight: bold;
    color: #333333;
}

.odd
{
    background-color:#e5e5e5;
}

.imageTD
{
    width: 151px;
    text-align: center;
}

#displayTabs {
    border-bottom:none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor:pointer !important;
}

.ui-tabs .ui-tabs-panel {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.ui-widget-content {
    border: none !important;
}

.ui-tabs {
    padding: 0px !important;
}

td.right {
    text-align:right;
}

td.center {
    text-align:center !important;
}

#webRTContainer {
position:relative;
}

#webRT_new_newTicketForm_jsp_questionArea,#webRT_new_newTicketForm_jsp_ticketData {
background:#fff url(images/webRTForm/new.newTicketForm.questionArea.header.gif) no-repeat scroll left top;
float:left;
padding-bottom:25px;
position:relative;
width:559px;
}

#webRT_new_newTicketForm_jsp_suggestionArea {
background:#fff url(images/webRTForm/new.newTicketForm.suggestionArea.header.gif) no-repeat scroll left top;
float:right;
position:relative;
width:302px;
}

#webRT_new_newTicketForm_jsp_ticketData {
position:static;
}

#webRTContainer h2 {
color:#369;
font-size:20px;
font-weight:400;
margin:0 7px 0 10px;
padding:2px 0 0;
position:relative;
}

#webRTContainer h2 span {
bottom:3px;
color:#333;
font-size:10px;
position:absolute;
right:7px;
}

#webRTContainer h3 {
border:none;
margin:0;
padding:0;
}

#webRTContainer #content {
border:1px solid #F6F6F6;
border-top:none;
top:28px;
}

#webRTContainer #buttons {
float:right;
height:33px;
padding:0 27px 20px;
}

#webRT_new_newTicketForm_jsp_questionArea #content,#webRT_new_newTicketForm_jsp_ticketData #content {
background-color:#fff;
padding:0 15px;
width:527px;
}

#webRT_new_newTicketForm_jsp_questionArea #content h3,#webRT_new_newTicketForm_jsp_ticketData #content h3 {
padding:20px 0;
}

#webRT_new_newTicketForm_jsp_questionArea #content h3 span,#webRT_new_newTicketForm_jsp_ticketData #content h3 span {
color:#787878;
display:block;
font-size:11px;
font-weight:400;
}

#webRT_new_newTicketForm_jsp_questionArea #content input,#webRT_new_newTicketForm_jsp_questionArea #content textarea,#webRT_new_newTicketForm_jsp_questionArea #content select {
border:none;
margin:0 27px 20px;
width:455px;
}

#webRT_new_newTicketForm_jsp_questionArea #content input,#webRT_new_newTicketForm_jsp_questionArea #content select {
background:#fff url(images/webRTForm/inputBg.gif) no-repeat scroll left top;
height:33px;
padding:8px 9px 0;
}

#webRT_new_newTicketForm_jsp_questionArea #content select {
padding:8px 9px 7px;
width:473px;
}

#webRT_new_newTicketForm_jsp_questionArea #content textarea {
background:#fff url(images/webRTForm/textareaBg.gif) no-repeat scroll left top;
height:179px;
padding:8px 9px 0;
}

#webRT_new_newTicketForm_jsp_suggestionArea #content {
width:300px;
}

#webRT_new_newTicketForm_jsp_suggestionArea h3,#webRT_new_newTicketForm_jsp_suggestionArea p {
margin:9px;
padding:0;
}

#webRT_new_newTicketForm_jsp_suggestionArea h3 {
margin-bottom:18px;
}

#webRT_new_newTicketForm_jsp_suggestionArea p {
color:#787878;
}

#webRT_new_newTicketForm_jsp_suggestionArea #loading {
text-align:center;
}

#webRT_new_newTicketForm_jsp_suggestionArea #loading img {
margin-bottom:40px;
margin-top:40px;
}

#webRT_new_newTicketForm_jsp_suggestionArea ul,#webRT_new_newTicketForm_jsp_suggestionArea ul li,#webRTContainer #questionOne ul,#webRTContainer #questionOne ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#webRT_new_newTicketForm_jsp_suggestionArea ul li {
cursor:pointer;
padding-bottom:9px;
padding-top:9px;
}

#webRT_new_newTicketForm_jsp_suggestionArea ul li h3,#webRT_new_newTicketForm_jsp_suggestionArea ul li p {
margin-bottom:9px;
margin-top:0;
}

#webRT_new_newTicketForm_jsp_suggestionArea ul li p {
margin-bottom:0;
}

#webRT_new_newTicketForm_jsp_suggestionArea ul li.off {
background-color:#fcfcfc;
}

#webRTHiddenForm,#webRTHiddenForm div {
clear:inherit;
margin:auto;
}

#webRTContainer .errorMessage h3 {
border-bottom:1px solid #CCC;
margin:0 auto 14px;
padding:0;
}

#subnav li:hover ul ul,#subnav li:hover ul ul ul,#subnav li:hover ul ul ul ul,#subnav li:hover ul ul ul ul ul,#webRT_new_newTicketForm_jsp_suggestionArea #loaded,#webRT_new_newTicketForm_jsp_suggestionArea #loading {
display:none;
}

#webRTContainer #buttons .backButton,#webRTContainer .left {
float:left;
}

#webRTContainer #buttons .backButton {
margin-right:16px;
}

#webRTContainer #buttons .nextButton,#webRTContainer .right {
float:right;
}

#webRTContainer #questionOne {
margin-bottom:20px;
}

#webRTContainer #questionOne ul {
margin:0 0 0 6px;
width:520px;
}

#webRTContainer #questionOne ul li {
cursor:pointer;
float:left;
height:99px;
margin:0 9px 8px 0;
width:251px;
}

.ac_results {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 12px;
    overflow: hidden;
}

.ac_loading {
    background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
    background-color: Highlight;
    color: HighlightText;
}

input.error, select.error
{
    border: 1px solid #B72222;
    background-color: #FDD;
}