/************ resetcss.jsp  ***********/

/*****css/WEB-INF/jspf/commoncss/resetcss.jsp*****/
/* resets */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
margin:0;}
fieldset {padding-right:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
/*****css(end)/WEB-INF/jspf/commoncss/resetcss.jsp*****/


/************ basecss.jsp  ***********/

/*****css/WEB-INF/jspf/commoncss/basecss.jsp*****/
/*GENERIC DOCUMENT SETUP ###################################################*/

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Base
 * @module base
 * @namespace yui-
 * @requires reset, fonts
*/

body {
    /* For breathing room between content and viewport. */
    margin:10px;
}

h1,h2,h3,h4,h5,h6,strong,dt {
    /* Bringing boldness back to headers and the strong element. */
    font-weight: bold;
}

abbr,acronym {
    /* Indicating to users that more info is available. */
    border-bottom: 1px dotted;
    cursor: help;
}

em {
    /* Bringing italics back to the em element. */
    font-style: italic;
}

del {
    /* Striking deleted phrases. */
    text-decoration: line-through;
}

ol,ul {
    /* Bringing lists on to the page with breathing room. */
    margin-left: 2em;
}

ol li {
    /* Giving OL's LIs generated numbers. */
    list-style: decimal outside;
}

ul li {
    /* Giving UL's LIs generated disc markers. */
    list-style: disc outside;
}

th,td {
    /* Borders and padding to make the table readable. */
    padding: .5em;
}

th {
    /* Distinguishing table headers from data cells. */
    font-weight: bold;
}

caption {
    /* Centered so it doesn't blend in to other content. */
    text-align: center;
}

sup {
    /* to preserve line-height and selector appearance */
    vertical-align: super;
}

sub {
    /* to preserve line-height and selector appearance */
    vertical-align: sub;
}

/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
    padding:1px;
}



strong { font-weight: bold; }

table { 
    border: 1px solid;
    border-collapse: collapse;
    caption-side: top;
}

caption {
    font-weight: bold;
    padding-bottom: .5em;
}

td,th { 
    border: 1px solid;
    padding: .85em;     
}


thead td { 
    border-bottom: 1px solid;
    padding: .33333em 1em;
}

tfoot td { border: none; font-weight: bold; }

table a:link, table a:visited { text-decoration: none; }

table a:hover { text-decoration: underline; }

/*FORMS ####################################################################*/

fieldset { border: none;}

legend { 
    font-weight: bold; 
    padding-bottom: .5em;
}

select {font-size: 1.2em;}

option {font-size: 100%;}

form th {
text-align:right;
}
form thead th {
text-align:center;
}



form table {
width:inherit;
}


input, select, textarea {
    /*font-family: arial, helvetica, sans-serif;*/
}


input, textarea, option { 
    padding:0.3em;
}


fieldset ol {
    border-bottom: 1px solid;
    border: 1px solid;
    overflow: auto;
    padding: 1em;
}

fieldset li {   clear: both; }

fieldset li.nolabel {   margin-left: 11em; }

/* Labels that are only required for screensreaders */
.sr { display: none !important; }

/*BUTTONS ##################################################################*/
/* <input...> are rounded using CSS3 for those browsers that can. Others get
converted to <button> via js (see BNZIB.replaceSubmitButtons() in /css/bnz.js) */

/* This gets converted to a <button> for browsers that can't  do border-radius */
input.submit {
    border: 1px solid;
}

input.submit, div.button {
    cursor: pointer;
    font-weight: bold;
    margin-right: .5em;
    padding: .25em 1em;
    text-align: center;
}

div.button { float: left; white-space: nowrap; }

/*BUTTONS FIELDSET #########################################################*/

fieldset.bnzbuttons legend, body.login legend { display: none; }

fieldset.bnzbuttons li {
    text-align: center;
    display: block;
}

fieldset.bnzbuttons div.buttonwrap {
    float: left;
    left: -50%;
    position: relative; 
    text-align: center;
}

/*NOTICES ##################################################################*/

div.notice {
    border: 1px solid;
    min-height: 25px;
    padding: 1em 1em 1em 62px;
}

div.notice p { font-weight: bold; }

div.notice li { list-style: disc;  }


li.rr-error input, li.rr-error select, li.rr-error textarea { border: 2px solid; }


li.warning input, li.warning select, li.warning textarea { border: 2px solid; }

li div.notice { 
    min-height: 20px;
    padding: .35em 1em .35em 33px;
}

li div.notice li { clear: none; list-style: none; margin-left: 0; }

/*LOGIN & NETGUARD FORMS ###################################################*/

form { clear: left; } 

fieldset ol { padding: 1em 2em 1.35em; }

fieldset li { 
    clear: none; 
    float: left; 
    margin-right: 1em; 
    width: auto; 
} 

fieldset li.last-child { margin-right: 0; } 

fieldset label { 
    float: none; 
    font-weight: bold; 
    text-align: left; 
    width: auto; 
}


span.error input, span.error select, span.error textarea { border: 2px solid; }

span.warning input, span.warning select, span.warning textarea { border: 2px solid; }

span div.notice { 
    min-height: 20px;
    padding: .35em 1em .35em 33px;
}

span div.notice  div.notice li { clear: none; list-style: none; margin-left: 0; }

button, .actionlink {
    background: transparent;
    border: 0px;
    cursor:pointer;
    padding: 0px;
    width:auto;
    text-align:left;
    /*font-family: arial, helvetica, sans-serif;*/
    font-weight:bold;
}

li {list-style: disc; margin-left: 3em;}

/*****css(end)/WEB-INF/jspf/commoncss/basecss.jsp*****/


/************ 960.css  ***********/

/*****css/WEB-INF/jspf/commoncss/g960/code/css/uncompressed/960.css*****//*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}/*****css(end)/WEB-INF/jspf/commoncss/g960/code/css/uncompressed/960.css*****/


/************ typographycss.jsp  ***********/

/*****css/WEB-INF/jspf/commoncss/typographycss.jsp*****/

/* 
http://webtypography.net/toc/ 

http://24ways.org/2006/compose-to-a-vertical-rhythm

*/

  /*only wish to indent paragraphs that follow another paragraph 
  p + p {
   text-indent:1em }*/

/* Further, the line space between paragraphs which most browsers insert by default should be removed.  */   
p {
   margin-bottom:0 }

/*p + p {
   text-indent:1em;
   margin-top:0 }*/
   
   
/* As explained in ?2.2.2, the margins should be sized so that the rhythm of the text is maintained. Where the blockquote text size is the same as the main text, the separating margins should be set equal to the line-height. */   
   blockquote {
   margin:1.5em }

/* One further problem arises with this method: IE6 and IE7 unacceptably exaggerate the smallness and largeness of the resized text. This can be solved by setting a percentage font-size on the body. */   
   sans-serif
   body { font-size:100%; }
   
   p {
   /* one thing in pixels.  required since we want to control pixels, not size */
    font-size: 16px;
   }



label, input, caption, button, pre, span, li, p {font-size: 1.0em; line-height: 2.0; margin-top: 1.6em; margin-bottom: 0.4em;/*2.0*/}
td, th, textarea {font-size: 1.0em; line-height: 2.0; margin-top: 1.6em; margin-bottom: 0.4em;/*2.0*/}
h1 {font-size: 2.2em; line-height: 1.8181818; margin-top: 1.4545454em; margin-bottom: 0.36363634em;/*1.8181818*/}
h2 {font-size: 1.9em; line-height: 1.0526316; margin-top: 0.84210527em; margin-bottom: 0.21052632em;/*1.0526316*/}
h3 {font-size: 1.4em; line-height: 1.4285715; margin-top: 1.1428572em; margin-bottom: 0.2857143em;/*1.4285715*/}
h4 {font-size: 1.1em; line-height: 1.8181818; margin-top: 1.4545454em; margin-bottom: 0.36363634em;/*1.8181818*/}

 
 
fieldset,
table {
    /* So things don't run into each other. */
    margin-bottom: 1em;
}

 
 
 blockquote,ul,ol,dl {
    /* Giving blockquotes and lists room to breath. */
    margin: 1em;
}


caption {
    /* Coordinated margin to match cell's padding. */
    margin-bottom: .5em;
}

html {
    font-family: Sans, sans-serif;
    font-size: 14px;
    line-height: 19px;
}
h1, h2, h3, h4, h5, h6, td, th, input, #rrid-toplevelmenudiv li a {
    font-family: Sans, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
table p, form p, input, li {
    margin: 0.15em 0em;
}
select {
    line-height: normal;
    font-size: 1em;
    padding: 0px;
    margin: 0em 0.2em;
    height: 1.6em;
}
input {
    line-height: 100%;
    padding: 0.2em;
}
input.submit, div.button {
    font-weight: normal;
}
label {
    max-width: 20em;
}
em, th {
    font-weight: bold;
}
/*****css(end)/WEB-INF/jspf/commoncss/typographycss.jsp*****/


/************ formcss.jsp  ***********/

/*****css/WEB-INF/jspf/commoncss/formcss.jsp*****/
/* forms
----------------------------------------------- */
form {
	overflow:auto; /**hidden makes form unusable */
}
fieldset {
	border:1px solid;
	position:relative;
}
/*
legend {
	border:1px solid;
}
*/
form p.notice {
	font-weight:bold;
}
/* REMOVED: rounded boxes around forms
form, input {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    border: 1px solid;
}
*/

form th {
text-align:right;
vertical-align:top;
}

.rr-input-whole , .rr-input-edit-div {
display:inline;
}/*****css(end)/WEB-INF/jspf/commoncss/formcss.jsp*****/


/************ layoutcss.jsp  ***********/

/*****css/WEB-INF/jspf/css/layoutcss.jsp*****/
/* ################################################### */   
/* ################## layoutcss.jsp ################## */
/* ################################################### */




html, body {   
    margin: 0px;
    padding: 0px;
}

form {
    clear: both;
    padding: 10px;   
}

.container_12 > h1,
.container_12 > p,
.container_12 > .rr-multipart-form {
	margin-left: 10px;
	margin-right: 10px;
}
form h3 {
	margin-top: 0;
}
td, th {
    padding: 0 0.3em 0.3em 0;
    vertical-align: top;
}

ul {
	margin-bottom: 2em;
}
hr {
	border: none;
	padding: 0;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	height: 1px;
}
code {
	word-wrap: break-word;
}
h1, h2, h3, h4 {
	margin-top: 24px;
	margin-bottom: 10px;
	line-height: 1;
}
em { font-size: 1.1em; font-weight: normal; font-style: normal; }
h1 { font-size: 1.45em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
hr { clear: both; }
ul,p {
	margin-top: 0;
	margin-bottom: 10px;
}
ul li, ol li { list-style-position: inside;	}
ul, ol { 
	padding-left: 0;
	margin-left: 0.8em;
	margin-right: 0;
}

input.button, input.submit, input[type="submit"] {
	margin-bottom: 0;
	margin-right: 0;
	float: right;
}
input.button:hover, input.submit:hover, input[type="submit"]:hover {
	cursor: pointer;
	text-decoration: underline;	
}
.rr-error-message,
form, 
input,
form.rr-multipart-form table,
#gmtpopup {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid;
}
.rr-error-message {
	color: #E50640;
	border: none;
	/*border-color: #E50640;
	border-color: #F8BBBA;
	background-color: #FFFFE8;*/
	font-weight: bold;
	padding: 1px 4px;
	display: inline;	
}
form, form.rr-multipart-form table, #gmtpopup {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}
form.rr-multipart-form table {
	margin: 0;
}
form.rr-multipart-form h1 { 
	margin-left: 0;
}
form.nodec {
    -moz-background-clip:inherit;
    -moz-background-inline-policy:inherit;
    -moz-background-origin:inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    border: inherit;
}
legend {
	border:1px solid;
}

table {
    border: 20px solid;
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
/** turn off borders backgrounds on the multipart ones, since these will instead be on the table or fieldset */
form.rr-multipart-form {
    -moz-background: inherit;
    -moz-border:inherit;
    border: inherit;
    background:inherit;
    margin: 0;
}
td, th {
    border: none;
}


li#checks, li#alerts, li#actions, li#events, li#reports, li#contactdetails, li#billing,
li#history, li#add, li#AA_EMAIL, li#AA_SMS, li#AA_VOICE, li#AA_SSH, li#AA_HTTP, li#AA_FAILOVER,
li#sms, li#voice, li#ssh, li#email, li#http,
li#check, li#freq, li#status, li#results, li#alerts, li#events, li#delete,
li#new,
li#send, li#nosend {
	line-height: 1.4;
	font-size: 0.92em;
	margin: 10px 0 10px 60px;
	padding: 0;
}

#rrid-pageheader {    
    margin: 0 auto;
    padding: 0;
}
#rrid-pageheader h1 {
    margin-top: 0.3em;
    margin-bottom: 0;
    padding: 0;
}
#rrid-pageheader h1 a {
    padding: 0;
    margin: 0;
    height: 0;
}
#rrid-pageheader h1 a img {
    padding: 0;
}
#rrid-pageheader h1 a:hover {
    text-decoration: none;
}
.bc {
    display: block;
    text-align: left;
    margin-top: 1em;
}
#rrid-pagecontent .grid_4 img {
    margin-bottom: 1.6em;
}

#rrid-pagefooter img.rr-foot-logo {
    float: right;
    margin-top: 1em;
}
#rrid-pagefooter {
	padding-bottom: 3em;
	margin-top: 3em;
}
#rrid-pagefooter p {
    float: left;
   	font-size: 13px;
	margin-bottom: 0;
	max-height: 42px;
}

#rrid-pagefooter ul {
    float: left;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 3em;
	font-size: 13px;
}
#rrid-pagefooter li {
	list-style-type: none;
	font-size: 13px;
	height: 30px;
	position: relative;
}
#rrid-pagefooter li img {
	position: absolute;
	top: 2px;
	right: 101%;
}
#rrid-pagefooter h4 {
	font-size: 13px;
    margin-top: 1.2em;
}
#rrid-pagefooter .rr-insole { padding-top: 3em; margin-top: 0; }
#rrid-pagefooter .rr-insole div.grid_12 { max-height: 60px; }


.bc {
	margin-bottom: 10px;	
}
.rr-cp-links {
	font-size: 1.1em;
	line-height: 2.4;
}
.rr-cp-links a, .rr-imagenav a {
	font-size: 1.2em;	
}
.rr-float-right { float: right; }

.rr-clearboth {
clear: both;
display:  block;
float: none;
}
.rr-submit {
	float: right;
}
.floatingdiv {
    margin: 0px auto;
    padding-top: 2.4em; 
    padding-bottom: 0.4em; 
}
#rrid-pagefooter .rr-insole {
    padding-top: 0;
    margin-top: 2em;
}
.rr-zero-margin {
	margin: 0;
}


#rrid-toplevelmenudiv {
    padding: 0px;    
    display: block;
    margin: 2em 0 0 0;
}
#rrid-toplevelmenudiv ul {
    margin: 1em 0 0 1em;
    padding: 0;
	float: right;
    z-index: 10; 
}
#rrid-toplevelmenudiv li {
    list-style-type: none;    
    float: left;
    position: relative;    
    line-height: normal;
    border: 1px solid;
}
#rrid-toplevelmenudiv li a {
    padding: 0.3em 0.4em;
    display: block;
}
#rrid-toplevelmenudiv li ul {
	border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    padding: 0;
    display: none;
    position: absolute;
    left: -1.07em;
    top: 1.15em;    
}
#rrid-toplevelmenudiv li ul a {
    border-top: 1px solid;
}
#rrid-toplevelmenudiv li:hover ul {
    display: block;
}
#rrid-toplevelmenudiv li ul li {
    margin: 0px;
    width: 180px;        
    display: block;
}
#rrid-toplevelmenudiv li ul li, #rrid-toplevelmenudiv li ul li:hover {
    border: none;
}


#rrid-toplevelmenudiv ul,
#rrid-toplevelmenudiv li,
#rrid-toplevelmenudiv a {
	margin-top: 0;
	margin-bottom: 0;	
}
 #rrid-toplevelmenudiv li ul a {
 	border-top: none;
 	font-size: 1em;
}
#banner-bg .rr-topmenu-first li a{ padding: 6px 15px; }
.rr-topmenu-first li:hover a { text-decoration: underline; }
#rrid-toplevelmenudiv li ul {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
	border: 1px solid;
	border-top: none;
}
#rrid-toplevelmenudiv li:hover {
	border: none;
}
#banner-bg li ul li:hover {
	border: none;
}


#rrid-toplevelmenudiv .rr-topmenu-first a {
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding: 5px 15px 10px 15px;
	margin-top: 0;
}

#rrid-toplevelmenudiv .rr-topmenu-first li:hover a:hover { text-decoration: underline; }
#rrid-toplevelmenudiv .rr-topmenu-second a {
	padding: 6px 5px 6px 15px;
	margin-top: 0;
	border:none;
}
#rrid-toplevelmenudiv .rr-topmenu-second {
	font-size: 0.9em;
	left: 0;
	top: 2em;	
	padding: 6px 0;
	z-index: 10;
}a
#rrid-toplevelmenudiv .rr-topmenu-second li a,
#rrid-toplevelmenudiv .rr-topmenu-second li a:hover {
	-moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}




.rr-multipart-form { padding: 0; }
form.rr-multipart-form td div.rr-input-whole { margin: 1em; }
#gmtpopup {
	padding: 1em;
	position: static;
}

.floatingdiv {
    background: none;
    border: none;
}

.rr-input-whole.rr-error  * input, .rr-input-whole.rr-error  * textarea, .rr-input-whole.rr-error  * select {
background-image: url("/images/common/spell-error.png");
background-repeat: repeat-x;
background-position: bottom left;
}



 
li.rr-imagenav {
    margin-left: 0;
    padding: 1em 0em 0.4em 1em;
    height: 2em;
    list-style: none;
    background-repeat: no-repeat;
}
li.rr-imagenav img {
    margin-right: 1em;
    position: relative;
    top: 10px;
    width: 32px;
}

#rrid-billing li {
    margin-left: 0em;
    display: block;
}
#rrid-overview-list {
	padding-left: 0;
}y
.rr-amountcol {
white-space: nowrap;  
text-align:right;
}
.rr-nowrapcol {
white-space: nowrap;
}  
ul#billingfaqs {
	margin-bottom: 0;
}

.rr-multipart-form .bordered {
	border-collapse: separate;
	padding: 1.8em;
}

div.rr-error-placeholder, div.rr-input-edit-controls {
    /** else two input elements line /admin/transaction.jsp wont be inline */
    display:inline;
}

#rrid-pleasewait {                                                                                                                            
opacity: 0.9;                                                                                                                                 
height:180px;                                                                                                                                 
top:0%;                                                                                                                                       
overflow: auto;                                                                                                                               
z-index:5;                                                                                                                                    
    width: 50%;                                                                                                                               
    margin-left: auto;                                                                                                                        
    margin-right: auto;                                                                                                                       
    visibility:visible;                                                                                                                       
    padding: 20px;                                                                                                                                 
}                                                                                                                                             
                                                                                                                                              
#rrid-pleasewait2 {                                                                                                                           
margin-bottom: 20px;                                                                                                                          
padding: 20px;
} 

.rr-code-display {
	margin-top:5px;
	margin-bottom: 0;
    clear: both;
    position: relative;
    padding: 8px 16px 5px 16px;
    line-height: 1.2;
    overflow: hidden;
}

.rr-is-hidden { display: none; }

.rr-show-code-link,
.rr-hide-code-link {
	float: right;
	cursor: pointer;	
	padding: 3px 12px;
}	
.rr-show-code-link:hover,
.rr-hide-code-link:hover {
	text-decoration: underline;
	color: black;
}
.rr-link-to-us a {
	float: left;
	clear: both;
	line-height: 1.5;
	margin-bottom: 6px;
    padding: 4px 32px;
    min-width: 220px;
}
.rr-link-to-us span {
	margin: 0;
	line-height: 1.5;
}
.rr-link-to-us hr {
	clear: both;
	margin-top: 6px;
	margin-bottom: 6px;
}
.rr-link-to-us :hover {
	text-decoration: none;
}



/*****css(end)/WEB-INF/jspf/css/layoutcss.jsp*****/


/************ typographycss.jsp  ***********/

/*****css/WEB-INF/jspf/css/typographycss.jsp*****/


/*
################### typographycss.jsp #############################
*/

label, input, caption, button, pre, span, li, p, td, div, #rrid-pagefooter p,
#rrid-pagefooter h4,
#banner-bg label,
#banner-bg, form, table, th, td,
html, body, h1, h2, h3, h4 {
	font-family: "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;	
}
h1, h2 {
   clear: left;
}

#rrid-pageheader h1 {
    font-size: 2.8em;
    text-align: left;
    line-height: normal;
}
h1 {
    margin-top: 0.3em;
}
#rrid-toplevelmenudiv li a {
    font-size: 1.12em;
}
#rrid-pagefooter p {
    text-align: left;
}
#rrid-pagefooter ul {
    list-style-type: none;
}
#rrid-toplevelmenudiv a:hover {
    text-decoration: none;
}





/*****css(end)/WEB-INF/jspf/css/typographycss.jsp*****/


/************ sc-supplemental.css  ***********/

/*****css/css/sc-supplemental.css*****//*
 * Colours
 * =======
 * general text: #503a28
 * stand-out text: #d70
 * text links: #03a
 * body: #f4f4f4 
 * forms / tables: #fff4c4
 * form button border: #F6D59D
 * main bg: #D2eaf1
 * banner: #255fa4
 * 
 */





label, input, caption, button, pre, span, li, p, td, div, #rrid-pagefooter p,
#rrid-pagefooter h4,
#banner-bg label,
#banner-bg, form, table, th, td,
html, body { 
	font-size: 13px;
	line-height: 1.4; 
	color: #503a28;
}
html, body {
	background-color: #d2eaf1;
}
form th { text-align: left; }
h1, h2, h3, h4 {
	color: #d70;
	margin-bottom: 0;
}
em { color: #d70; }

a { color: #03a; }
input.button, input.submit, input[type="submit"] {
	color: #03a;	
}

.rr-bordered-element h1,
.rr-bordered-element h2,
.rr-bordered-element h3,
.rr-bordered-element h4,
.rr-bordered-element ul,
.rr-bordered-element ol,
.rr-bordered-element p,
.rr-bordered-element form,
.rr-bordered-element table {
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 18px;
}

#rrid-pagefooter {
	color: #7E5828;
	border-top: 2px solid #A3C4DC; 
}

/*****************************************
 * banner and menu
 *****************************************/

#rrid-toplevelmenudiv a { color: #03a; }
#rrid-toplevelmenudiv ul { float: none; }


.rr-login-actions {
	margin-top: 8px;
	margin-bottom: 3px;
	float: right;	
}
#banner {
	margin-top: 6px;
	margin-bottom: 0;
	height: 50px;
}
#banner img {
	position: absolute;	
	top: -232px;
	left: -148px;
}
#banner h1 {
	color: #03a;
	display: inline;
}
#banner h4 {
	color: white;	
	margin: 0;
	line-height: 1em;
	letter-spacing: 2px;
}
a:hover,
input.submit:hover,
input.button:hover,
#rrid-toplevelmenudiv .rr-topmenu-second li:hover a {
	color: #03a;
	text-decoration: underline;
}

#banner-bg {
	background-color: #255fa4;
	float: none;	
}
#banner-bg ul,
#banner-bg li,
#banner-bg p,
#banner-bg label,
#banner-bg div,
#banner-bg span {
	color: #B3D1E3;
}
#banner-bg form.login {
	border: none;
	background: transparent;
	font-size: 11px;
	margin: 0;
	padding: 0 0 4px 0;
}
.rr-small-font { font-size: 0.82em; }

#banner-bg form.login input.submit:hover {
	text-decoration: underline;
	background-color: white;
}

#banner-bg #rrid-toplevelmenudiv { 
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	display: inline;
}
#banner-bg h1 {
	font-size: 2.2em; 
	line-height: 1em; 
	letter-spacing: 2px;
	margin-top: 5px;
	margin-bottom: 8px;
}
#banner-bg a {
	text-decoration: none;
	color: #03a;
	
	color: #503a28;
	color: white;
}

#banner-bg #rrid-pageheader { border: none; }
#banner-bg li:hover,
#banner-bg a:hover img { 
	background-color: transparent;
	border: none;
}
#banner-bg a:hover {
	text-decoration: underline;	
}
#banner-bg h1 a {
	color: #03a;
	text-decoration: none;
}
#banner-bg h1 img {
	margin: 0;
	padding: 0;
	position: relative;
	top: 6px;
}
#banner-bg ul { margin: 4px 0 0 0; border: none; }
#banner-bg li { border: none; }
 #rrid-toplevelmenudiv li ul a {
 	background-color: transparent;
 }
#banner-bg form.login input {
	background-color: #fff4c4;
	background-color: white;
	font-size: 11px;
	line-height: 0.8em;
	padding: 0;
	max-width: 148px;
}

#banner-bg form.login input.submit {
	border: none;	
	float: none;
	width: 34px;	
	height: 16px;
	postition: relative;
	top: 4px;
}
#rrid-toplevelmenudiv .rr-topmenu-first li.rr-contains-dropdown:hover .rr-topmenu-second li a { color: #03a; }
#rrid-toplevelmenudiv li ul {
	background-color: white;
	border-color: #B3D1E3;
}
#banner-bg li ul li:hover {
	background-color: #E2F2F6;
}
#rrid-toplevelmenudiv .rr-topmenu-first li:hover a {
	border-color: #B3D1E3;
	background-color: white;
	color: #03a;
}
#rrid-toplevelmenudiv .rr-topmenu-first li.rr-contains-dropdown:hover a { background-color: white; }
#rrid-toplevelmenudiv .rr-topmenu-first li.rr-contains-dropdown:hover ul a { background-color: transparent; }
#rrid-toplevelmenudiv .rr-topmenu-first li.rr-contains-dropdown:hover .rr-topmenu-second li a { color: #03a; }

/*****************************************
		 ie6 menu compatibility
 *****************************************/
#rrid-toplevelmenudiv.iehover ul.rr-topmenu-first li.rr-contains-dropdown {
	float: left;
	border: none;
	clear: both;
	width: 920px;
}
#rrid-toplevelmenudiv.iehover ul.rr-topmenu-first li.rr-contains-dropdown ul.rr-topmenu-second {
	display: inline;
	width: auto;
	position: static;	
}
#rrid-toplevelmenudiv.iehover ul.rr-topmenu-first li.rr-contains-dropdown ul.rr-topmenu-second li {
	float: left;
	position: static;
	width: auto;
}
#rrid-toplevelmenudiv.iehover ul.rr-topmenu-first li.rr-contains-dropdown a {
	width: auto;
	float: left;
	padding: 2px 8px;
	border: none;
	font-size: 14px;
	font-weight: bold;
}
#rrid-toplevelmenudiv.iehover ul.rr-topmenu-first li.rr-contains-dropdown ul.rr-topmenu-second li a {
	font-size: 11px;	
	font-weight: normal;
}
/* ie6 end*/

/*****************************************
 * forms and page layout
 *****************************************/
.rr-em-ol-digits li {
	color: #d70;
	font-size: 2.2em;	
	line-height: 0px;
	margin-top: 0;
	margin-bottom: 10px;
}
.rr-em-ol-digits li p {
	font-size: 13px;
	color: #503a28;
	display: inline;
	margin: 0;
	line-height: 1.3;
}
.rr-bordered-element {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border: 1px solid #A3C4DC;
	border-color: #d2eaf1 #A3C4DC #A3C4DC #d2eaf1;
	border-left: 1px solid #d2eaf1;
	margin-bottom: 18px;
	clear: both;
	background-color: white;
	padding-bottom: 10px;
}
.rr-bordered-element img {
	margin-right: 15px;	
	margin-left: 6px;
}
.rr-homepage .rr-bordered-element ul li {
	list-style-type: none;	
}
.rr-content-top {
	background-color: #B3D1E3;
	margin-top: 0;
 	margin-bottom: 32px;
}
.rr-content-top h1 {
	color: #74716C;
	font-size: 2.6em;
}
.rr-content-top ul {
	margin-bottom: 24px;	
}
.rr-content-top ul li {	 
	font-size: 15px;	
	color: white;
	color: #503a28;
}
.rr-content-top form, form, form.rr-multipart-form table {
	background-color: #fff4c4;	
	border-color: #fff4c4;
	margin-top: 18px;
}

form.rr-multipart-form table:first-child {
	margin-top: 0;
}
.rr-content-top input, input {
	background-color: #fff4c4;
	border-color: transparent;
}
.rr-content-top .rr-input-edit-controls, .rr-input-edit-controls, input.submit, input[type="submit"] {
	border-color: transparent;
	background-color: white;
}
.rr-input-edit-controls form input[type="radio"], .rr-radio-controls {
	background-color:transparent;
}

input.submit, input[type="submit"] { border-color: #f6d59d; }
.rr-checkbox-controls {
	background-color: #fff4c4;
}

table {
	background-color: #fff4c4;
 	border: 9px solid #fff4c4;
}
form {
	display: block;	
}
form.rr-multipart-form { 
	border: #fff4c4;	
}
 form table,m .rr-multipart-form table { border-color: #fff4c4; }
 form th, th, td { padding: 0 8px 4px 8px; vertical-align:baseline; }
 .rr-not-max-width {
 	float: right;
 }
 th, th label { color: #d70; }
 form li, table li { background-color: #fff4c4; }
 form #gmtpopup li { background-color: transparent; }
 form label, form input[type="radio"] { background-color: #fff4c4; }
 #banner-bg form label { background-color: transparent; }


#gmtpopup {
	border-color: #F6D59D;	
	background-color: white;
}
	

.rr-admin-links {
	background-color: #fff4c4;
	margin: 18px;
}
.rr-admin-links table {
	float: right;	
}
.rr-admin-links .rr-combine-forms input.submit {
	float: left;
		
}
.rr-admin-links table ul {
	margin: 0;
}
.rr-combine-forms {
	float: left;
	display: inline;	
	padding: 18px;
}
.rr-combine-forms form {
	padding: 0;
	margin: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.rr-combine-forms.grid_6 {
	width: 420px;	
}
.rr-combine-forms form p {
	margin: 0;
}
#trifemail_recipients th {
	vertical-align: top;	
}
form table dl.rr-input-whole {
	display: block;	
	margin: 0;
}
form table dl.rr-input-whole dt {
	display: inline;	
}
form table dl.rr-input-whole dd.rr-input-edit-div {
	display: block;	
}

/****************************************
 * Date picker form
 ****************************************/
form#registerform {
	float: right;	
	margin-top: 0px;
	margin-left: 18px;
}
form#registerform table {
	border:none;
	margin: 18px;
}
form#time-form {
	border-color: #F6D59D;
}
form#time-form a {
	cursor: pointer;	
	background-color: white;
	border: 1px solid #F6D59D;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	width: 2.2em;
	height: 1.5em;
	text-align: center;
	display: block;
}
form#time-form td {
	padding: 1px;
}
form#time-form table {
	margin-bottom: 10px;	
}
form#time-form .cal-current-date {
	padding: 3px;	
}
form#time-form .cal-current-date span,
form#time-form .cal-button-submit,
form#time-form .cal-button-cancel {
	background-color: white;
	border: 1px solid #F6D59D;
	padding: 2px 4px;
	margin: 0;	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 3px;
	color: #03a;	
}
form#time-form .cal-current-date span:hover,
form#time-form .cal-button-submit:hover,
form#time-form .cal-button-cancel:hover {
	cursor: pointer;
	text-decoration: underline;
}
form#time-form .day-cal-select {
	background-color: #d70;	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/****************************************
 * Grid960 augmentation
 ****************************************/
.container_12 .container_12 {
	margin-left: 0;
	margin-right: 0;	
}
.grid_12 .grid_6_left,
.grid_12 .grid_6_right {
	margin-left: 0;
	margin-right: 0;
	width: 460px;
	float: left;
	padding: 0;
}
.grid_12 .grid_4_left,
.grid_12 .grid_4_center,
.grid_12 .grid_4_right {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	float: left;
	width: 300px;
}
.grid_12 .grid_8_left,
.grid_12 .grid_8_right {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	float: left;
	width: 620px;
}
.grid_12 .grid_6_left, .grid_12 .grid_4_left, grid_12 .grid_4_center, .grid_12 .grid_8_left { margin-right: 20px; }

/***********************************************/
/*****css(end)/css/sc-supplemental.css*****/