@CHARSET "ISO-8859-1";

body {
	background: #39414a url(../images/background.png) repeat-x 50% 0;
	background-color: #1E1E1E;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#D8D7D3;
	text-align:center;
} 

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif !important;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	border-bottom: 0 !important;
}

a {
	border-bottom: 0px;
	color: #5DB0E6;
}
a:focus {
	outline: 1px dotted #eee;
}
a:active {
	outline: 0px;
}
a:hover {
	color: #7bc4f4;
}

#page-block{
	width:900px;
	margin:0 auto;
}

#body-block {
	position: relative;	
}

#logo-block {
	top: 13px;
	height:2em;
	min-height:32px;
	background-image:url(../images/curved-banner-top-middle.png);
	background-repeat:repeat-x;
	border-bottom:1px solid #878787;
	position:relative;
}

#logo-block #logo-topper-block-left {
	display:block;
	height:32px;
	width:172px;
	background:url(../images/curved-banner-top-left.png);
}

#logo-block #logo-topper-block-right {
	position:absolute;
	height:32px;
	width:auto;
	top:0;
	right:0;
	background-image:url(../images/curved-banner-top-right.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-right:20px;
	color:#fff;
	font-size:0.90em !important;
}

#banner-block {
	width:900px;
	height:150px;
	position:relative;
	margin:0;
	padding:0;
}

#banner-block.banner-home #section-heading {
	top:0;
	left:0;
	width:900px;
	height:232px;
	margin-left:0;
	/* how about using an inline style that loads the filename from a properties file? */
	background-image:url(../images/sprint.jpg);
	background-repeat:no-repeat;
}

#banner-block.banner-home #section-heading p {
	margin-left:-5000px; 
	text-align:left;
}

#banner-bottom-bar {
	background: #CCC;
	font-size:0.85em !important;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	color: #fff;
	background-image:url(../images/curved-banner-top-middle.png);
	border-top:1px solid #454545;
	padding:1em 0;
	text-align:center;
	height: 12px;
}

#menuBar {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	height: 10px;
	position: relative;
	top: -13px;
}

#menuBar li {
	display: inline;
	list-style-type: none;
	margin-right: 5px;
}

#menuBar a { 
	padding: 6px; 
	border: 1px solid #000;
}

#menuBar a:link, #menuBar a:visited {
	color: #000;
	font-size:1.2em !important;
	background-color: #CCC;
	text-decoration: none;
}

#menuBar a:hover {
	color: #fff;
	background-color: #369;
	text-decoration: none;
}

#main-container {
	color: #454545;
	background-color: #fff; 
	position:relative;
	padding:1.5em;
	padding-bottom:0;
	border-bottom:1px solid #c1c1c1;
	font-size:0.95em;
	text-align:center;
	height: 500px;
}

.content-node {
	margin:1em 0;
	padding:0.75em;
	font-size:0.9em;
}

#left-menu-block {
	position: absolute;
	top: 0px;
	left: 0px;
	border-right: 1px solid #000;
	width: 20%;
	height: 100%;
}

#left-menu-block  #pages-block {
	position: relative;
	/* border-bottom: 1px solid #000; */
	width: 100%;
	/* height: 50%; */
	height: 100% /* put this here cuz I got rid of preview-block in the designer page. */
}

#left-menu-block #preview-block {
	position: relative;
	width: 100%;
	height: 50%;
}

#designer-block {
	position:absolute;
	top: 0px;
	left: 20.1%;
	width: 79.9%;
	height: 100%;
}

.section-header {
	background: #1048b7;
	font-size:1.2em !important;
	font-weight: bold;
	border-bottom:1px solid #222;
	color: white;
	padding:1em 0;
	text-align:center;
	height: 12px;
	background-repeat: no-repeat;
}

#login-block {
	width: 500px;
	position: relative;
	left: 150px;
	top: 0px;
	border: 0px dashed #BB3322;
	height: 300px;
	padding: 10px;
}

#login-block #wwgrp_login_username {
	position: absolute;	
	width: 100%;
	padding: 5px;
	top: 5px;
	left: 10px;
}

#wwlbl_login_username {
	top: 7px;
	left: 5px;
	display:inline;
}

#wwctrl_login_username {
	float: left;
	display:inline;
}

#login-block #wwgrp_login_password {
	position: absolute;	
	width: 100%;
	padding: 5px;
	top: 30px;
	left: 10px;
}

#wwlbl_login_password {
	top: 8px;
	left: 7px;	
	display:inline;
}

#wwctrl_login_password {
	float: left;
	display:inline;
}

#wwctrl_login_0 {
    position: absolute;
	top: 65px;
	left: -15px;
    width: 100%;
}

#wwctrl_login_submit { margin-top: 65px; }

#login-block br { 	
	/* Set to display non as Struts css_xhtml renders one in the middle of the form! */
    display: none;
}

ul.errorMessage {
	position: relative;
	top: -50px;
	color: red;	
	padding: 10px;
	font-weight: bold;
}

.ui-button { 
	outline: 0; 
	margin:2px; 
	padding: .4em 1em .5em; 
	text-decoration:none !important; 
	cursor:pointer; 
	position: relative; 
	text-align: center; 
}

.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { 
	padding: .3em;  
}

.pageForm {
	top: 20px;
	padding: 10px;
	position: absolute;
	margin: 10px;
}

#statusMsg {
	background-color: yellow;	
	font-weight: bold;
	width: 150px;
	padding: .3em; 
	text-align: center;
	position: absolute;
	top: 50px;
	left: 300px;
}

input.button { 
	position:absolute; 
	top:125px; 
	left:120px; 
	padding:3px 6px;
	border:2px solid #fff; 
	margin:20px 0px 0px 0px; 
	color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; -moz-border-radius:5px; 
}

input.button:hover { 
	background:#009FAA none repeat scroll 0% 0%; 
	color:white; 
}
	
a#add, a#remove {   
   display: block;   
   border: 1px solid #aaa;   
   text-decoration: none;   
   background-color: #fafafa;   
   color: gray;   
   margin: 2px;   
   clear:both;   
}
	
select#select1, select#select2 {   
   width: 200px;   
   height: 160px;   
}   
#subscription-block {
	width: 800px;
	position: relative;
	left: 10px;
	top: 10px;
	border: 0px dashed #BB3322;
	height: 300px;
	padding: 10px;
}
 
.label {
    float:left;
    width:30%;
	font-size: 15px;
	font-style: normal;
	font-family: sans-serif;
	color: black;
}
	
.item {
    /*float:left; */
    /*width:30%; */
	font-size: 14px;
	font-style: normal;
	font-family: sans-serif;
	color: blue;
}

#color1span {  
	background:red;  
	width:75px;  
	height:25px;  
	line-height:40px;  
	text-align:center;  
}  
#color2span {  
	background:red;  
	width:75px;  
	height:25px;  
	line-height:40px;  
	text-align:center;  
}  

/*
.fieldError{
    border: 1px solid red;
    width: 100%;
    background-color: #FFFFCC;
    padding: 0.5em;
    color: red;
    font-weight: bold;
}

.divFieldError ul {
    padding-left: 0px;
} 

.divFieldError ul li {
    list-style-type: none;
}

.divUserInfo {
    border: 1px solid green;
    background-color: #FFFFCC;
    padding: 0.2em;
    color: green;
    margin-bottom: 1em;
}
*/

.preview-properties {
    display: none;
}