/* @override 
	http://localhost:8080/WebServices/css/style.css
	http://localhost:8080/style.css
	http://localhost:8080/css/style.css
*/

@CHARSET "UTF-8";

.blah {
	
}

li.checkMark2 {
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 5px;
	font-size: 14pt;
	vertical-align: bottom;
	
	
	background-image: url(../images/check2.png);
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 55px;
	line-height: 50px;
	border: 0px solid black; 
}
.journalItem {
	border-bottom: 1px dotted #d8d8d8;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
} 

li.checkMark {
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 5px;
	font-size: 14pt;
	vertical-align: bottom;
	 
	
	background-image: url(../images/check.png);
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 55px;
	line-height: 50px;
	border: 0px solid black;
} 

.message {
	text-align: center;
	font-size: 12pt;
	margin-top: 40px;
}

li.xMark {
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 5px;
	font-size: 14pt;
	vertical-align: bottom;
	
	
	background-image: url(../images/xMark.png);
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 55px;
	line-height: 50px;
	border: 0px solid black;
}
ul.checkMarks li {
	
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 5px;
	font-size: 16pt;
	vertical-align: bottom;
	
	
	background-image: url(../images/check.png);
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 55px;
	line-height: 50px;
	border: 0px solid black;

}

a {
	color: #000088;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

#errorText {
	font-size: 12pt;
	text-align: center;
	vertical-align: middle;
	background-color: #fffce4;
	margin: 30px;
	margin-right: 225px;	
	padding: 20px;
	border-style: solid;
	border-color: #f3f1da;
}
#errorText img {
	position: relative;
	right: 20px;
	bottom: 20px;
	
}

.errorField {
	border-style:solid;	
	border-color:#ffaaaa;
	border-style: solid  solid none solid ;
}

.smallError {
	
	padding: 2px;	
	background-color: #ffeeee;
	border: 1px solid #ffaaaa;
	border-style: none solid solid solid;
    width:222px;
}

.error {
	padding: 5px;
	margin: 10px 15px;
	background-color: #ffeeee;
	border: 1px solid #eedddd; 
	
}


html {
	margin:0px;
	padding:0px;
	border-width:0px;
	border:none;
	font-family:"Trebuchet MS", "Arial", "Verdana";
	font-size:12px;
	}
.mediumWidth {
	width: 600px;
}
.blue{ 
	margin-top: 20px;	
	padding: 10px ;
	border: 1px solid #E5F0FB; 
	background: #F4F8FD;

}
	
.narrow {
	width: 250px;
}

.narrow2 {
	width: 295px;
}

form h2 {
	color: #555555;
}
form {	
	width:auto;
	padding: 10px 0;
	border: 1px solid #E5F0FB; 
	background: #F4F8FD;
	padding-top: 0px;
}	

h1, h2, h3, p {
	margin-left: 10px;
	padding: 0;
}


label {
	display:block;
	font-weight:bold;
	margin: 7px 0;
	color: #555555;
}

input[type="checkbox"] {
	width: 20px;
}
input {
	padding:3px;
	border: 1px solid #E5F0FB; 
	font: normal 1em Verdana, sans-serif;
	color:#777;	
	width: 220px;
}

#percentComplete {
	width: 40px;
}

.radioButton {
	width: 10px;
}

form table {
	margin-left: 10px;
	margin-top: 15px;
}

input[type="submit"] {
	width: auto;
	color:#000;		
	margin: 10px 15px;
	border: 1px solid #555555;	
}

.hidden {
	display: none;
}

h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }

img { border:none; }
body
{
	background-image:url(images/backgroundStripes.jpg);
	background-repeat:repeat;
	background-color:#5C5C5C;
	margin: 0;
	padding: 0;		
	
}

.infoBox {
	border-bottom-color:#999999;
	padding:10px;
	border-style:solid;
	border-width:thin;
	margin: 10px;
}

.infoBox2 {
	border-bottom-color:#999999;
	padding:10px;
	border-style:solid;
	border-width:thin;
	margin: 10px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fefede;
	font: large "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.infoBox2Title {
	background-color: #eeeeee;	
	padding: 10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;		
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:#999999;
	font: 24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#yourAccount {

	padding:8px;
	float:right;	
}

#flashHeader {
margin-left:20px;
}

#alertBox {
 width: 70%;
 margin:auto;
 
 border-color:#990000;
 border-style:solid;
 border-width:thin;
 padding:10px;
 
 text-align:center;
}

#pageBody {
	margin: auto;
	width: 904px;
	padding:0px;
}

#pageHeader {
margin-left: 10px;
margin-top:15px;
margin-bottom:5px;
padding-bottom: 0px;
}

#pageHeader img { border:none; }


#pageMenu {
 height:35px;
 display:block;	
}

#pageMenu img {
  border:none;
}

#pageMenu a {
  border:none;  
}


#topBoxBorder {  
  padding: 0px;
  padding-top:19px;
  background-image:url(images/top_border.png);
  width:904px;
  height:0px;  
 }

#bottomBoxBorder {

  margin:auto;
  padding: 0px;
  padding-bottom: 2px;
 
  width:904px;
  height:10px;
  border:#00FF00;  
  font-size:xx-small;
  text-align:center; 
}

#mainContent {
 width:888px;
 background-color:#FFFFFF;
 padding:8px;
}



#splashBox {
  margin:auto;
  width:861px;
  height:279px;
  background-image:url(images/open_beta.png);
}

#downloadButton {
  padding-left:143px;
  padding-top:181px;
}

#threeColumnsBottom {
  width:815px;
  height:12px;

  
}

#leftDownloadColumn {
 height:950px;
 width: 408px;
 border-color:#EEEEEE;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-left-width: 1px;
 border-right-width: 1px; 
 border-left-style:solid;
 border-right-style:solid;
 margin-top:0px;
 margin-left:13px;
 padding:8px;
 float:left;
 font-size:12px;
}

#rightDownloadColumn {
 height:950px;
 width: 408px;
 border-color:#EEEEEE;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-left-width: 1px;
 border-right-width: 1px; 
 border-left-style:solid;
 border-right-style:solid;
 margin-top:0px;
 margin-left:14px;
 padding:8px;
 float:left;
  font-size:12px;
}

#leftColumn {
 height:450px;
 width: 255px;
 border-color:#EEEEEE;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-left-width: 1px;
 border-right-width: 1px; 
 border-left-style:solid;
 border-right-style:solid;
 margin-top:0px;
 margin-left:6px;
 padding:8px;
 float:left;
 font-size:14px;
}

#middleColumn {
 height:450px;
 width: 255px;
 border-bottom-width:1px;
 border-bottom-style:solid;
 
 border-color:#EEEEEE;
 border-left-width: 1px;
 border-right-width: 1px; 
 border-left-style:solid;
 border-right-style:solid;
 margin-top:0px;
 margin-left:25px;
 padding:8px;
position: relative; 
 float:left;
  
}

#rightColumn {
 height:450px;
 width: 255px;
 border-bottom-width:1px;
 border-bottom-style:solid;
 
 border-color:#EEEEEE;
 border-left-width: 1px;
 border-right-width: 1px; 
 border-left-style:solid;
 border-right-style:solid;
 margin-top:0px;
 margin-left:22px;
 padding:8px;
 position: relative; 
 float:left;
  
}

#rightColumn img {
  
}
#clear { clear:both; }

#help {
	margin-top: 0px;
	padding-top: 0px;	
	padding-left:25px;
	padding-right:25px;
}

#help li a {
	text-decoration:none;
	color:#000000;
}

#help li a:hover {
	text-decoration:underline;
	color:#000066;
}

.flowplayer {
width:755px;
margin:auto;
}

#screenshots {
	margin-top: -30px;
	padding-top: 0px;				
}

#screenshots img {
	float:left;
	margin: 5px;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

#screenshots td {
 vertical-align:middle;
}

.registrationBox {
  
  border-style:solid;
  border-color:#CCCCCC;
  border-width:thin;
  padding:9px;
  margin-bottom:10px;
}



#projectTable {
	border-style: solid;
	border-color: #dddddd;
	border-width: 1px;
	background-color: #e3edf9;
	width: 30%;
	padding: 0px;
	float: right;
}

#projectTable td a {
	color: #000055;
	text-decoration: none;	
}

#projectTable td a:hover {
	text-decoration: underline;
}


#projectTable td {
	padding: 4px;
	padding-left: 10px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	border-bottom-width: 1px;
}

#projectTable tr:hover {
	background-color: #ddffdd;
}


li.feed {
	
	list-style-type: none;
	margin-left: 0px;
	padding-bottom: 0px;
	font-size: 12pt;
	vertical-align: bottom;
	
	
	background-image: url(../images/feed-icon-16x16.png);
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 22px;
	border: 0px solid black;
}

li.htmlTaskList {	
	padding-bottom: 0px;
	font-size: 12pt;
	vertical-align: bottom;
	padding-left: 25px;
	line-height: 22px;	
}

.memberList {
	font-size: 12pt;
}
.rightGreyBox {
	border-style: solid;
	border-color: #dddddd;
	border-width: 1px;
	background-color: #eeeeee;
	width: 400px;
	padding: 8px;
	padding-left: 10px;
	float: 
	font-size: 15pt;
	margin-right: 20px;

}

.rightGreyBoxSmall {
	border-style: solid;
	border-color: #dddddd;
	border-width: 1px;
	background-color: #eeeeee;
	width: 200px;
	padding: 8px;
	padding-left: 10px;
	float: right;
	font-size: 10pt;
	margin-right: 20px;
	text-indent: 0px;
}

.rightGreyBoxSmall h2 {
	margin-left: 0px;
	margin-top: 0px;
}

.rightGreyBox img {
	margin-top: 8px;
	margin-right: 8px;
}
.rightGreyBox h2 {
	font-size: 24px;
	margin-top: 5px;	
	margin-left: 0px;
	color: #555555;	
}

.rightGreyBox li {
	list-style: none;
}
.greyBox {
	padding: 8px;
	padding-left: 10px;
	border-style: solid;
	border-color: #555;
	border-width: 1px;
	background-color: #eeeeee;

	margin: 10px;
	margin-bottom: 30px;
	font-size: 11pt;
	color: #111;
	font-family: Arial;	
}
.greyBox img {
	margin-top: 8px;
	margin-right: 8px;
}
.greyBox h2 {
	font-size: 24px;
	margin-top: 5px;	
	margin-left: 0px;
	color: #555555;	
}

.greyBox li {
	list-style: none;
}

.boxLinks {
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 8px;;
	padding-bottom: 8px;;				
	background-color: #555;
	
	margin: 10px;
	margin-top: 0px;
	font-size: 14px;
	color: #fff;
	font-family: Arial;
	border: 1px solid #555;
}

.boxLinks a {

	
	padding: 4px;
	color: #9ac0fe;

}


.projectTitle {}

#htmlList {
	font-size: 12pt;
}
#rssList {
	font-size: 12pt;
}

.tip {
	font-style: italic;
	font-size: 10pt; 
	padding: 5px 20px;
	background-color: #fefeaa;
	border: 1px solid #eeeeee;
	
}

.shadow {
	background-color: #dddddd;	 
	margin-left: 120px;
	margin-right: 120px;
	padding-right: 4px;
	padding-bottom: 4px;	
	margin-bottom: 20px;
	margin-top: 20px;	
}

.fullPageNote{
	 background-color: #ffffdd;
	 border-color: #444444;
	 border-width: 1px;
	 border-style: solid;
	 padding: 25px;
	 padding-top: 5px;
	
     text-indent: 10px;
     font-size: 14pt;
     font-family: Arial;
     margin-left: -4px;     
}

.memberOptions {
	margin-top: 0px;
	background-color: #eee;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	visibility: off;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
}
.member {
	width: 380px;
	padding: 10px;
	background-color: #fafafa;
	margin: 5px;
	float: left;
	border-style: solid;
	border-color: #eee;
	border-width: 1px;
}
.member img {
	margin: 10px 5px 5px 5px;
}
.member h2 {
	margin-bottom: 0px;
}

.resourceMappingRow:hover {
	background-color: #f8fdba;
}

.resourceMappingRow {	
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;

	margin-left: 40px;
	margin-right: 40px;
	padding-left: 20px;	
	
	height: 30px;
}

.resourceMappingRow form {
	padding: 0;
	margin: 0;
	border: none;
	background: #fff;
	padding-top: 0px;
}

.resourceMappingRow input {
	margin: 5px 0px 0px 5px;	
	
}
.resourceMappingRow:hover form {
	background-color: #f8fdba;
}


.resourceMappingCol1 {
	vertical-align: middle;
	float: left;
	width: 150px;
	font-size: 12pt;
	font-family: Arial;
	color: #555;
	font-weight: bold;
}
.notice h3 {
	color: #a3c339;
	font-weight: bold;
	font-family: Arial;
	font-size: 16pt;
	margin-left: 6px;
	margin-top: 6px;
	margin-bottom: 6px;	
}
.notice {
	border-style: solid;
	border-color: #eee;
	border-width: 2px;
	background-color: #333;
	padding: 3px;
	color: #fff;
	font-weight: bold;

}
.resourceMappingCol2 {
	float: left;
	vertical-align: middle;	
	width: 240px;
	padding-top: 0px;
	padding-bottom: 10px;	
}
.resourceMappingCol3 img {
	vertical-align: middle;
	margin-left: 20px;
}
.resourceMappingCol3 {
	float: left ;
	vertical-align: middle;	

}

.resourceMappingOptions {
		vertical-align: middle;		
		float: left;
}

.logout {
	float: right;
}
.logout a {
		color: #777; 
		text-decoration: none; 
		padding: 3px 10px ; 	
	}
	
.logout a:hover { color: #111; }
.breadcrumbs a{
	color: #777; 
	text-decoration: none; 	
	padding: 3px 10px ; 	
}

.breadcrumbs a:hover{
	color: #111; 	
}


.breadcrumbs {	
	background-color: #eee;
	margin-top: 0px;
	padding: 6px;
	top: -20px;
	display: block;
	position: relative;
	font-size: 1.15em;
	
}
.breadcrumb {
	display: inline;	
}

.projectRow:hover {
	background: rgba(163,195,57,0.24);
}
.projectRow {
	margin-bottom: 6px;
	width: 100%;
	padding: 0px;
	padding-bottom: 5px;
	height: 65px;
	background: #e5e5e5 url(../images/rowBackground.png) repeat-x scroll 0;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
}

.projectRowIcon {
	float: left;
	vertical-align: middle;	
}

.projectRowTitle a {
	color: #a3c339;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	vertical-align: top;
}

.projectRowTitle a:hover {
	color: #24338e;	
}

.projectRowTitle {
	width: 300px;
	vertical-align: middle;
	float: left;
	padding-top: 20px;
}

.projectRowPermission {

	vertical-align: middle;	
	width: 100px;
	float: left;
	padding-top: 20px;	
}

.projectRowLastMod {
	float: left;
	font-size: 8pt;
	text-align:right;
	width: 350px;
	vertical-align: top;
	padding-top: 20px;
}

.taskLinks {
	clear: both;	
}

.taskDescription {
	float: right;
	width: 400px;
	font-family: mono, Courier;
}
.uncompletedTask h1 {
	margin-top: 0px;
	margin-left: 0px;
}
.uncompletedTask {
	background-color: #f8f8f8;
	padding:  8px 24px 24px 24px;
	border-style: solid;
	border-color: #efefef;
	margin: 20px;
}

.completedTask {
	background-color: #f8f8f8;
	padding:  8px 24px 24px 24px;
	border-style: solid;
	border-color: #c2edc8;
	margin: 20px;
}