html,body {
	margin: 0px;
	font-family: "Trebuchet MS";
	height:100%;
	border=0px;
	color: #333333;
}

h3 {
	color: #333333;
}

/* shows home banner */
.bluestrip1 {
	background-image: url(../img/photobanner_02.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding-left: 10px;
}

.intro1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
}

.pall {
	padding-left: -20px;	
}

#wr-footer {
	background-color: #F0F0F0;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
}

.space1 {
	width: 50px;
}

/* home screen - web and developer features */

#features h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
}
#features h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}
#features li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
#features a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #0099FF;
}

#footer a {
	color: #666666;
	text-decoration: none;
}

.version {
	color: #666666;
	text-decoration: none;
}

#menu1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}
.menua {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	background-color: transparent;
	border: 0px	
}
#menu1 {
	height: 50px;
}
#mother {
	text-align: left;
}

.menubackground {
	background-image: url(../img/menu-background.gif);
	background-repeat: repeat-x;
}

/* centers any html with a width of 960px and no margin */
#main {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
}

/* adds padding to the content - used in templatecontent.xhtml */
#contentBox {
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/* used in the home page to show the big blue strip */
#homebackground {
	background-image: url(../img/home-background.gif);
	background-repeat: repeat-x;
	margin: 0px;
	border: 0px;
}

/* used in the home page to show the quote under the blue strip */
.quote1 {
	color: #FF3300;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 20px;
	line-height: 32px;
	padding: 10px;
}

a:hover {
	text-decoration: underline;
}

.form1 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	width: 120px;
	border: 1px solid #3D70A3;
}
.title1 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
}

#loginbox a {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
}#rbox1 {
	background-image: url(../img/bg_body-right.jpg);
}
#lbox1 {
	background-image: url(../img/bg_body-left.jpg);
}
.navbar1 {
	font-size: 11px;
	padding: 5px;
	color: #999999;
}
.navbar1 a {
	color: #333333;
	text-decoration: none;
}
#app1 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #333333;
	margin-top: -7px;
}
#app1 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#legal h5 {
	font-size: 16px;
	font-weight: bold;
}

.header5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;	
}

#rbox1 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0066CC;
}

.mobileConfirm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;	
}

.tab1 {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-color: #FFFFFF;
	background-image: url(../img/bg-tab1.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 200px;
	padding-left: 10px;
	padding-right: -10px;
	margin:0px;
	border:0px;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-style: normal;
}

.tab2 {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	background-color: #FFFFFF;
	background-image: url(../img/bg-tab1.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 190px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: -10px;
	margin:0px;
	border:0px;
	text-decoration: none;
	font-family: "Trebuchet MS";
	font-style: normal;
}

.box1 {
	padding-left: 20px;
}
#rbox1 a {
	text-decoration: none;
	font-size: 11px;
	color: #0066CC;
}
.account1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0f0f0;
}
.account1 a {
	font-size: 11px;
}


.fieldTitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.fieldLength {
	width: 120px;	
}

.normal {
	
}
.text1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.text2 {
	font-size: 22px;
   font-weight:bold;
   color: #333333;
}

.link {
	text-decoration: underline;
	color: #333333;
}

#lbox1 li {
	list-style-type: none;
	line-height: 18px;
	margin-left: -20px;
}
.form2 {
	background-color: #E8E8E8;
	font-family: "Trebuchet MS";
	border: 1px solid #BED0DA;
	padding: 3px;
	font-size: 12px;
	color: #003366;
}
.progressBase {
	background-color: #D6F2A8;
	height: 20px;
	width: 150px;
	border: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
}
#lbox1 a {
	text-decoration: none;
	font-size: 12px;
	color: #0066CC;
	font-weight: bold;
}
.btnLogin1 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../img/buttons2_s9.gif);
	height: 24px;
	width: 35px;
	text-align: center;
}
.btnGreen1 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(../img/buttons2_05.gif);
	height: 40px;
	width: 150px;
	text-align: center;
}
.btnBlue1 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(../img/buttons2_11.gif);
	height: 40px;
	width: 170px;
	text-align: center;
}
.btnGrey1 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #333333;
	background-image: url(../img/buttons2_21.gif);
	height: 40px;
	width: 150px;
	text-align: center;
}
.lang1 {
	font-family: "Trebuchet MS";
	font-size: 10px;
	border: 1px dotted #666666;
	width: 80px;
	padding: 5px;
}
.lang2 {
	font-family: "Trebuchet MS";
	font-size: 10px;
	border: 1px dotted #666666;
	padding: 5px;
	width: 80px;
	background-color: #003366;
	color: #FFFFFF;
}
.alert1 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	background-color: #FFFFCC;
	font-size: 11px;
	color: #000000;
	border: 1px solid #FF9933;
}
.alert2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	background-color: #99CCFF;
	font-size: 11px;
	color: #000000;
	border: 1px solid #0066FF;
}
.alert3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	background-color: #FFCCCC;
	font-size: 11px;
	color: #000000;
	border: 1px solid #FF0000;
}

.errorMessage {
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;	
	line-height:150%;
}

#topbar1 a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0099CC;
}
#topbar1 {
}
.welcome1 {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}
.btnBuyCredits {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../img/buttons2_s9.gif);
	height: 24px;
	text-align: center;
}
.credits1 {
	font-size: 25px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding: 0px;
	color: #333333;
}
#loginbox2 {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 11px;
	padding: 10px;
	font-family: "Trebuchet MS";
	border: 1px solid #889FB6;
}
#loginHead {
	background-color: #889FB6;
	color: #FFFFFF;
	text-align: left;
	padding: 3px;
	width: 320px;
}
#loginbox2 a {
	color: #003366;
	text-decoration: underline;
}
.form3 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #000000;
	width: 150px;
	border: 1px solid #3D70A3;
	padding: 3px;
}

.langOn {
	font-family: "Trebuchet MS";
	font-size: 10px;
	padding: 5px;
	border-color: white;
}
.langLine {
	border: 1px dotted #E8E8E8;
}
.langOff {
	font-family: "Trebuchet MS";
	font-size: 10px;
	background-color: #003366;
	color: #FFFFFF;
	text-align: left;
	border-color: white;
}

.transparent {
	border-color: white;
	background: transparent;	
}

.tableHead1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #E8E8E8;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: left;
}

.tableHead2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #CCFF99;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: left;
}

.tableHead3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFCCCC;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: left;
}

.subtitle1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
}
.row1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 0px;
	vertical-align: middle;
	height: 20px;
}
.rowOn {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 0px;
	vertical-align: middle;
	background-color: #FFFFCC;
}

.autocompleteOff {
	background-color: #f1f1f1;
	font-family: "Trebuchet MS";
	border: 1px solid #BED0DA;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}
.autocompleteOn {
	background-color: #9BB7DB;
	font-family: "Trebuchet MS";
	border: 1px solid #BED0DA;
	padding: 3px;
	font-size: 12px;
	color: #000000;
}

.tipbox1 {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../img/tipbox_02.gif);
	background-repeat: repeat-y;
}
#tipbox {
	margin: 5px;
}
.tipbox1 h4 {
	font-size: 16px;
	font-weight: bold;
	color: #006600;
	margin-top: -10px;
}
.tipbox1 img {
	vertical-align: middle;
	padding-right: 10px;
}
.titletip {
	font-size: 16px;
	font-weight: bold;
	color: #4B700A;
}


.status1 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../img/status_02.gif);
	background-repeat: repeat-y;
	text-align: center;
}
.status1 img {
	padding-right: 5px;
	vertical-align: middle;
}
.status2 {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../img/redstatus_02.gif);
	background-repeat: repeat-y;
	text-align: center;
}
.status2 img {
	padding-right: 5px;
	vertical-align: middle;
}

.nomargin {
	margin: 0px;
	padding: 0px;	
}

input[type='submit'], input[type='button'] {
	background: #4477AA;
	color: white;
	margin: 5px;
	border-color: gray;
}

.button {
	background: #4477AA;
	color: white;
	margin: 5px;
	border-color: gray;	
}

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

.inactive {
	background-color: #f1f1f1;
	font-family: "Trebuchet MS";
	border: 1px solid #BED0DA;
	padding: 3px;
	font-size: 12px;
	color: #999999;
}

.centerText {
	text-align: center;	
}

.align-right {
	text-align:right;
}

.align-top { 
	vertical-align:top; 
}

.align-middle {
	vertical-align:middle;	
}

.smallPanel {
	width: 35%;
}

.bigPanel {
	width: 65%;
}

.subexplain {
	font-size: 11px;
	color: #666666;	
}

.rich-sb-overflow, .rich-sb-ext-decor-1, .rich-sb-ext-decor-2, .rich-sb-ext-decor-3, .rich-sb-common-container, .rich-sb-cell-padding {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background-color: #f1f1f1;
}

.rich-sb-int-decor-table {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.dr-pmenu-group, .dr-pmenu-item, .dr-pmenu-top-group-div, .rich-panel  {
	border:0px;
}

.rich-pmenu-hovered-element {
	background-color: white; 	
}

.rich-panel-body{
}

.rich-table, .rich-table-header,.rich-table-headercell, .rich-table-cell,
  .rich-subtable-cell, .rich-table-footercell, .rich-subtable-footercell {
      border-width:0px;
}

.rich-table-cell {
	border-bottom-width: 1px;	
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.rich-table-headercell {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #E8E8E8;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: left;
}

.rich-tool-tip {
    background-color: #eef2f8;
    border-color: #7196c8; 
}


.rounded {
   background: #E8E8E8;
   width: 70px;
}
.rounded_top div {
   background: url(../img/up-left912.png) no-repeat top left;
}
.rounded_top {
   background: url(../img/up-right912.png) no-repeat top right;
}
.rounded_bottom div {
   background: url(../img/down-left912.png) no-repeat bottom left;
}
.rounded_bottom {
   background: url(../img/down-right912.png) no-repeat bottom right;
}

.rounded_g {
   background: #CCFF99;
   width: 70px;
}
.rounded_top_g div {
   background: url(../img/up-left496.png) no-repeat top left;
}
.rounded_top_g {
   background: url(../img/up-right496.png) no-repeat top right;
}
.rounded_bottom_g div {
   background: url(../img/down-left496.png) no-repeat bottom left;
}
.rounded_bottom_g {
   background: url(../img/down-right496.png) no-repeat bottom right;
}

.rounded_r {
   background: #FFCCCC;
   width: 70px;
}
.rounded_top_r div {
   background: url(../img/up-left403.png) no-repeat top left;
}
.rounded_top_r {
   background: url(../img/up-right403.png) no-repeat top right;
}
.rounded_bottom_r div {
   background: url(../img/down-left403.png) no-repeat bottom left;
}
.rounded_bottom_r {
   background: url(../img/down-right403.png) no-repeat bottom right;
}

.rounded_top div, .rounded_top, .rounded_top_g div, .rounded_top_g, .rounded_top_r div, .rounded_top_r {
   width: 100%;
   height: 25px;
   font-size: 24px;
   font-weight:bold;
   text-align:center;
   color:#000000;
}

.rounded_bottom div, .rounded_bottom, .rounded_bottom_g div, .rounded_bottom_g, .rounded_bottom_r div, .rounded_bottom_r {
	width: 100%;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	color: #333333;
}

.rounded, rounded_g, rounded_r { color:#000000;}