﻿body {
	background:#606060;
}
div.clear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}
img {
	border:0;
	display:block;
}
.roundedpanel{
 padding:2px 5px 2px 5px;
}

.roundedpanelbelow{
 margin-bottom:10px;
}
/**********************
* HEADER
*/
.headertable{
 margin:0 0 0 0;
 padding:0 0 0 0;
 position:absolute;
 left:0;
 top:0;
}

.headermenu{
 margin:0 0 0 0;
 padding:0 0 0 0;
 position:absolute;
 left:0;
 top:120px;
}
div#hd {
	background:#000000;
	width:100%;
}
div#hd div.col-left {
	float:left;
}
div#hd div.col-right {
	font-family:"Trebuchet MS";
	float:right;
}
div#hd div.col-right div.logged-user {
	font-size:15px;
	color:#666666;
	margin:5px 10px 0 0;
	text-align:right;
}
div#hd div.col-right div.menu {
	font-size:12px;
	color:#A8A8A8;
	margin:15px 10px 0 0;
	text-align:right;
}
div#hd div.col-right div.menu a {
	font-size:12px;
	color:#A8A8A8;
	text-decoration:none;
	margin:0 4px 0 4px;
}
div#hd div.col-right div.menu a:hover {
	background:none;
}
div#hd div.col-right div.menu a.yellow {
	color:#FFFF00;
}

/**********************
* CONTENT
*/
div#bd {
	clear:both;
	padding:18px 10px 0 10px;
}


div#bd ul {
	padding:0;
	margin:0;
}
div#bd li {
	list-style:none;
}
div#bd li a {

}
div#bd div.archived-projects {
	margin:10px 0 0 0;
}
div#bd div.archived-projects a {
	color:#333333;
}

div#bd div#home-message {
	margin:0 0 0 10px;
	width:190px;
	float:left;
}
div#bd div#home-message * {
	padding:0;
	margin:0;
}
div#bd div#home-message h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#999999;
}
div#bd div#home-message p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:3px 0 10px 0;
	color:#999999;
}
div#bd div#home-message a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0099cc;
}

div#bd div.projects-panel {
	background:#f9c732;
	border:1px solid #999999;
	margin:0 0 10px 0;
	padding:0 0 10px 10px;
}
div#bd div.projects-panel li {
	list-style:none;
	padding:2px 0 2px 0;
}
div#bd div.projects-panel li a {
	color:#0061C1;
}
div#bd div.projects-panel div.archived-projects {
	margin:10px 0 0 0;
}


/**********************
* FOOTER
*/
div#ft {
	margin:20px 10px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-align:right;
	padding:30px 5px 3px 0;
	background:#ffffff;
}

			div#basketContents {display:none;}
			.yui-skin-sam .mask{background-color:#000000;opacity:.50;*filter:alpha(opacity=50);}
		img
		{
			border:none;
		}

		a
		{
			color:#3399ff;
		}

		a:hover
		{
			background:#FFFFCC;
		}

		table
		{
			border:none;
			width:100%;
		}

		table td
		{
			border:none;
			padding:0 0 0 0;
		}

		input.cancel-button
		{
			background:#E3E3E3 url(https://www.ning.com/xn_resources/widgets/index/gfx/button.gif) repeat-x scroll left top;
			border:1px solid #AAAAAA;
			color:#333333 !important;
			overflow:visible;
			padding:0.3em;
			text-decoration:none;
			text-shadow:#CCCCCC 2px 2px 0pt;
			white-space:nowrap;
			width:auto;
		}
		
		a.admin-function, div#hd a.admin-function
		{
			color:#444444;
		}

		/* old way, with bg image, DON'T REMOVE THIS
		.button {
			background:transparent url('../images/button_bg.gif');
			height:23px;
			padding:1px 15px 4px 15px;
			border:0;
			border-left:1px #F2CB7E solid;
			border-right:1px #F6DAAA solid;
			cursor:pointer;
			font-size:1.0em;
			font-family:verdana,sans-serif;
			font-size:medium;
			color:#FFF!important;
		}
		*/
		/* slightly older way DONT REMOVE THIS
		.button {
			background:#000000;
			height:23px;
			padding:2px 15px 4px 15px;
			border:0;
			cursor:pointer;
			font-size:1.0em;
			font-family:verdana,sans-serif;
			font-size:medium;
			color:#FFF!important;
			text-decoration:none;
		}

		/* button styles */
		.Hero-Button{font-size:medium;display:inline-block;color:#FFF!important;text-decoration:none;border-width:1px;border-style:solid;line-height:normal;cursor:pointer}
		a[class~='Hero-Button']{display:table;}
		.Hero-Button:active{text-decoration:none!important}
		.HB-Inner{display:inline-block;background:transparent url(http://get.live.com/Images/HB/orange-button-bkgrds-rest.gif) 0 50% repeat-x}
		span[class~='HB-Inner']{display:table}
		.HB-Top{display:inline-block;background:transparent url(http://get.live.com/Images/HB/hero_top.png) left top repeat-x}
		span[class~='HB-Top']{display:table}
		.HB-Bottom{display:inline-block;background:transparent url(http://get.live.com/Images/HB/hero_botttom.png) left bottom no-repeat;height:auto!important;height:21px;min-height:21px;padding:1px 15px;border:none;color:#fff;cursor:pointer;font-size:1.0em;font-family:verdana,sans-serif;}		
		span[class~='HB-Bottom']{display:table}
		.HB-Normal, HB-Normal:visited{background-color:#FFA333;border-color:#F63;display:table;}
		.HB-Normal:hover{background-color:#F63;border-color:#FFA333;text-decoration:none}
		.HB-Normal:hover .HB-Inner{background-image:url(http://get.live.com/Images/HB/orange-button-bkgrds-hover.gif)}
		.HB-Normal:hover .HB-Top{background-position:-801px top}
		.HB-Normal:hover .HB-Bottom{background-position:-801px bottom}				

		/* form styles */
		div.form
		{
			padding: 0 10px 0 10px;	
		}

		fieldset
		{
			border-bottom:1px #999999 dotted;
			padding:0 0 10px 0;
		}

		fieldset h3, fieldset legend
		{
			font-size:1.3em;
			font-weight:bold;
			margin:0 0 5px 0;
			padding:0;
		}

		div.form-field
		{

		}

		div.form-field-label p
		{		
			padding:0;
			margin:0;
			font-size:1.1em;	
			font-weight:bold;
		}

		div.form-field-error
		{
			color:#D5271F;
		}

		div.form-field-value
		{		
			padding:0;
			margin:5px 0 0 0;
		}

		input[type='text'], textarea
		{
			width:90%;
			font-size:1.2em;
		}

		textarea
		{
			height:100px;
		}

		div.form-field-description p
		{		
			padding:0;
			margin:0;
			font-size:1.0em;	
		}

		div.form-buttons
		{
			padding:0 0 10px 0;
		}

		div#hd a, div#hd a:hover
		{
			color:#3399ff;
			background:none;
		}
	
		ul.message-panel
		{
			background:#FFFFCC url(../images/formerror.gif) no-repeat left;
			margin:10px;
			padding:5px;
			border:1px solid #CCCCCC;
		}

		ul.success
		{
			background-image:url(../images/formtick.gif);
		}

		div.upload-file-selector
		{
			width:258px;
			 height:18px;
			padding:5px;
		 margin-left:auto;
		  margin-right:auto;
			border:1px #339933 solid;
			background:#ffffff;
		}
		
		div.upload-file-selector:hover
		{
			background:#FFFFCC;
			cursor:pointer;
			background:#ffffff url(../images/grad-blue.gif) repeat-x top;
		}

		div.upload-file-selector p
		{
			width:200px;
			float:left;
			padding:0;
			margin:0;
		}

		div.upload-file-selector img
		{
			width:16px;
			float:left;
			margin:0 16px 0 0;
		}

		ul#project-archive
		{
			margin:0 0 0 10px;
			width:80%;
		}

		ul#project-archive li
		{
			list-style-type:none;
			margin-bottom:20px;
		}

		ul#project-archive li h2
		{
			margin:0;
			padding:0;
		}

		ul#project-archive li p 
		{
			margin:0;
			padding:0;
		}

		textarea
		{
			font-family:Verdana,sans-serif;
		}
		
		
/* text input types */
input.field-type-name { width:200px; }
input.field-type-company { width:300px; }
input.field-type-email { width:350px; }
input.field-type-phone { width:200px; }
input.field-type-password { width:200px; }
input.field-type-file { width:450px; }

.fade
{
    background-color:Aqua;
}

div.people-company.short-details
{
	margin:10px 10px 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999999;
}

ul.milestones li
{
	list-style:none;
	padding:2px 0 2px 22px;
}

ul.milestones li.reached
{
	background:url(../images/silk/accept.png) no-repeat left;
}

/**********************
* Tabs
*/
        .Maintabs{
		background:transparent url('../masters/images/tab_maintabs.png'); background-repeat:no-repeat; width:141px; height:29px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.94em; font-family:Georgia; font-style:italic;	color:White;}
		.Maintabs_pos{
		background:transparent url('../masters/images/tab_maintabs_pos.png'); background-repeat:no-repeat; width:141px; height:29px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.94em; font-family:Georgia; font-style:italic;	color:Black;}
		
/**********************
* Buttons
*/
		.Hometab{
		background:transparent url('../masters/images/tab_home.png'); background-repeat:no-repeat; width:55px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:White;}
		.Hometab_pos{
		background:transparent url('../masters/images/tab_home_pos.png'); background-repeat:no-repeat; width:55px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:Black;}
		
		.EditProftab{
		background:transparent url('../masters/images/tab_editprof.png'); background-repeat:no-repeat; width:104px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:White;}
		.EditProftab_pos{
		background:transparent url('../masters/images/tab_editprof_pos.png'); background-repeat:no-repeat; width:104px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:Black;}
		
		.Reporttab{
		background:transparent url('../masters/images/tab_report.png'); background-repeat:no-repeat; width:117px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:White;}
		.Reporttab_pos{
		background:transparent url('../masters/images/tab_report_pos.png'); background-repeat:no-repeat; width:117px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:Black;}
		
		.EditPeopletab{
		background:transparent url('../masters/images/tab_editprof.png'); background-repeat:no-repeat; width:104px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:White;}
		.EditPeopletab_pos{
		background:transparent url('../masters/images/tab_editprof_pos.png'); background-repeat:no-repeat; width:104px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:Black;}
		
		.CreateProjtab{
		background:transparent url('../masters/images/tab_editprof.png'); background-repeat:no-repeat; width:104px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:White;}
		.CreateProjtab_pos{
		background:transparent url('../masters/images/tab_editprof_pos.png'); background-repeat:no-repeat; width:104px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:Black;}
		
		.btnbg{
		background:transparent url('../masters/images/btn_bg.png'); background-repeat:no-repeat; width:171px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:1.4em; font-family:Georgia; font-style:italic;	color:White;}
		
		.LogOuttab{
		background:transparent url('../masters/images/tab_logout.png'); background-repeat:no-repeat; width:70px; height:26px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:.93em; font-family:Georgia; font-style:italic;	color:Black;}
		
		.btnsmall {
		background:transparent url('../masters/images/btn_small.png'); background-repeat:no-repeat; width:96px; height:28px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:1.5em; font-family:Georgia; font-style:italic;	color:Black;}
		.btnmedium{
		background:transparent url('../masters/images/btn_medium.png'); background-repeat:no-repeat; width:165px; height:28px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:1.5em; font-family:Georgia; font-style:italic;	color:Black;}
		.btnlarge{
		background:transparent url('../masters/images/btn_large.png'); background-repeat:no-repeat; width:216px; height:28px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:1.5em; font-family:Georgia; font-style:italic;	color:Black;}
		.btnlarger{
		background:transparent url('../masters/images/btn_larger.png'); background-repeat:no-repeat; width:296px; height:28px;	padding:0 0 0 0; border:0; cursor:pointer; font-size:1.5em; font-family:Georgia; font-style:italic;	color:Black;}
		