/* Global */

* {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
body {
	font-size: 11px; /* Resets 1em to 10px */
	font-family: Arial, sans-serif;
	background: #EDEDED;
	}
	
.container {
	width: 955px;
	margin: 0px auto 0px auto;
	padding: 0px 10px;
	}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	}

img {
	border: 0px;
	}

a {
	color: #4C6A7C;
	outline: none;	
	}

h1 {
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
}

h2 {
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
}

h3 {
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
	font-size: 13px;
}
	
a:hover {
	text-decortation: none;	
	}

#content {
	background: #E6ECF0;
	}

.global-actions {
	position: absolute;
	right: 0px;
	top: -3px;
}

#overview-projects-container .global-actions {
	position: static;
	text-align:right;
	margin-bottom: 5px;
}
.global-actions li {
	display: inline;
	list-style: none;
	color: #4C6A7C;
	font-size: 9px;
}

.global-actions li a {
	display: inline;
	list-style: none;
	font-size: 9px;
}
	
/* Masthead */

#masthead {
	width: 100%;
	}

#logo-bg {
	margin: 0px auto 0px auto;
	width: 958px;
	height: 57px;
	}

#logo {
	float: left;
	width: 300px;
	height: 57px;
	}

#loginbox {
	float: right;
	padding: 18px 0px 16px 0px;
	width: 590px;
	}
	
#loginbox-left {
	background: url(../images/loginbox-left.png) no-repeat;
	height: 23px;
	width: 2px;
	float: right;
	}

#loginbox-right {
	background: url(../images/loginbox-right.png) no-repeat;
	height: 23px;
	width: 3px;
	float: right;
	}

#loginbox-centre {
	background: url(../images/loginbox-bg.gif) repeat-x;
	height: 18px;
	float: right;
	padding: 2px 0px 3px 0px; 
	position: relative; 
	}

#loginbox .user {
	font-size: 11px;
	color: #E5E5E5;
	padding: 2px 5px;
	float: left;
	border-right: 1px solid #474747;
	}

#profile-options {
	position: absolute;
	background: #343434;
	width: 120px;
	padding: 8px 7px 10px;
	top: 21px;
	right: -3px;
	z-index: 100;
	display: none;
}

#profile-options a {
	color: #ccc;
	font-size: 11px;	
	text-decoration: none;
	display: block;
	padding: 5px 8px;
}

#profile-options a:hover {
	color: #fff;
	background: #4d4d4d;
}

#loginbox .avatar {
	float: left;
	border-left: 1px solid #666666;
	padding-left: 3px;
	height: 18px;
	width: 18px;
	}

#loginbox a.profile-button {
	float: left;
	display: block;
	border-left: 1px solid #666666;
	border-right: 1px solid #474747;
	padding: 8px 3px 6px 3px;
	height: 4px;
	overflow: hidden;
	width: 7px;
	}

#loginbox a.profile-button:hover {
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	background: #333333;
	}

/* Title Bar */

#titlebar {
	background: #ffffff url(../images/titlebar-bg.gif) repeat-x;
	padding: 10px 0px 15px 0px;
	width: 100%;
	}
	
#titlebar h1 {
	font-size: 17px;
	color: #7591A1;
	float: left;
	}

img.flagcon {
	padding: 2px 3px 0px 0px;
	}

#navbar img.flagcon {
	padding: 0px 4px 0px 0px;
	}
		
#titlebar .postage {
	float: right;
	}

#titlebar .postage ul{
	padding-top: 5px;
	}

#titlebar .postage ul li{
	display: inline;
	font-size: 11px;
	color: #999999;
	margin-right: 2px;
	}

#titlebar .postage ul li a{
	color: #999999;
	}

#titlebar .postage ul li a:hover{
	color: #526c7b;
	}

a.titlerss {
	display: block;
	float: right;
	margin-left: 5px;
	padding-top: 2px;
	}

/* Overview Thumbs */

#overview-thumbs {
	background: #ffffff url(../images/over-thmb-shad-bot.gif) bottom repeat-x;
	padding: 10px 0px 15px 0px;
	}

.overview-thumb-container {
	float: left;
	width: 467px;
	}

.overview-user-stats {
	float: right;
	}
	
a.overview {
	display: block;
	float: left;
	width: 61px;
	height: 73px;
	overflow: hidden;
	margin: 0px 5px 5px 0px;
	}

/* Get started */

#get-started {
	padding: 0px 20px;
}

#get-started h2 {
	color: #7591A1;
	font-size: 25px;
	font-weight: bold;
}

#get-started h4 {
	color: #7591A1;
	font-size: 15px;
}

#get-started ol {
	margin: 15px 0px;
}

#get-started ol li {
	margin: 0px 0px 3px 20px;
	font-size: 13px;
	color: #7591A1;
}

#get-started ol li a {
	color: #68AF51;
	text-decoration: underline;
}

#get-started ol li a:hover {
	color: #7591A1;
}

/* Project Thumbs */

#project-thumbs {
	background: #ffffff url(../images/proj-thmb-shad-bot.gif) bottom repeat-x;
	padding: 10px 0px 0px 0px;
	}

.hidden-thumbs {
	position: relative;
	padding-bottom: 20px;
	overflow: hidden;
	}

.show-all-thumbs {
	text-align: left;
	padding: 3px 0px 3px 10px;;
	text-decoration: none;
	width: 947px;
	display: block;
	background: #FFFFFF;
	}

.show-all-thumbs:hover {
	background: #f6f6f6;
	}
		
.showem {
	bottom: 0px;
	position: absolute;
}
		
.project-thumbs-contain {
	float: left;
	margin: 10px 20px 0px 0px;
}

a.project {
	background: #e7edf0;
	min-width: 81px;
	height: 146px;
	}

a.project img {
	margin: 0px;
	}

.thumb-nav-contain {
	text-align: center;
	margin-top: 1px;
	padding-top: 3px;
	border-top: 1px solid #cedde6;
	padding-bottom: 10px;
	height: 8px;
}

.thumb-nav-contain ul li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 1px;
}

#project-thumbs .thumb-nav {
	margin: 0px;
	padding: 0px;
}

#project-thumbs .thumb-nav img {
	margin: 0px;
	padding: 0px;
}

/* Tabbed nav */

#tabbed-nav {
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
	padding: 25px 0px 0px 0px;
	height: 28px;
	margin-bottom: -1px;
	}

.tab {
	float: left;
	margin-right: 4px;
	height: 28px;
	cursor: pointer;
	}
	
.tabbed-nav-off-left {
	float: left;
	background: url(../images/tabbed-nav-off-left-bg.png) no-repeat;
	height: 27px;
	width: 4px;
	}

.tabbed-nav-off-right {
	float: left;
	background: #fff url(../images/tabbed-nav-off-right-bg.png) no-repeat;
	height: 27px;
	width: 4px;
	}

.tabbed-nav-off-centre {
	float: left;
	background: url(../images/tabbed-nav-off-bg.gif) repeat-x;
	height: 18px;
	padding: 7px 10px 2px 8px;
	}

.tabbed-nav-on-left {
	float: left;
	background: url(../images/tabbed-nav-on-left-bg.png) no-repeat;
	height: 28px;
	width: 3px;
	}

.tabbed-nav-on-right {
	float: left;
	background: url(../images/tabbed-nav-on-right-bg.png) no-repeat;
	height: 28px;
	width: 3px;
	}

.tabbed-nav-on-centre {
	float: left;
	background: url(../images/tabbed-nav-on-bg.gif) repeat-x;
	height: 22px;
	padding: 7px 10px 4px 8px;
	}

.tab a {
	text-decoration: none;
	color: #526c7b;
	}

.tab a span {
	padding-left: 3px;
	padding-right: ;
	font-size: 12px;
	}

.tab a span:hover {
	color: #526c7b;
	}

.tab img {
	margin-top: -1px;
	}
	
/* Nav Bar */

#navbar {
	background: url(../images/tab-title-bg.gif) repeat-x;
	padding: 9px 0px;
	}

#navbar h2 {
	font-size: 13px;
	color: #4c6a7c;
	}

#navbar h2 span {
	padding-left: 23px;
	}

/* Overview */
	
.overview-column1 {
	float: left;
	width: 467px;
	margin-right: 20px;
	}

.overview-column2 {
	float: left;
	width: 468px;
	}

.overview-column2 h3 {
	color: #4C6A7C;
	font-size: 13px;
	}

.overview-column2 h3 span {
	margin-left: 4px;
	}
	
 img.preview {
	padding-top: 2px;
	}
	
.overview-read {
	float: left;
	padding: 9px 10px 0px 15px;
	}

.overview-snap {
	float: right;
	padding: 3px 14px 0px 15px;
	}
	
#content h2 {
	font-size: 14px;
	color: #698393;
	float: left;
	padding-top: 3px;
	}

#content h2.nofeed {
	padding: 5px 0px 0px 33px;
	font-size: 13px;
	color: #698393;
	float: left;
	}

#content h2.nofloat {
	padding: 5px 0px 15px 0px;
	font-size: 15px;
	color: #698393;
	float: none;
	}

#navbar h2.float {
	float: left;
}

h3.filter-select {
	font-size: 13px;
	color: #698393;
	padding: 0px 0px 0px 15px;
	margin-left: 10px;
	background: url(../images/filter-dropdown-tab-off.png) left center no-repeat;
	cursor: pointer;
}

#filter-container {
	position: relative;
	float: left;
	width: auto;
}

.filter-options {
	border: 1px solid #CAD8DF;
	min-width: 112px;
	padding: 6px 6px 6px 6px;
	background: #ffffff;
	text-align: left;
	display: none;
	position: absolute;
	background: #fff;
	left: 10px;
	top: 24px;
	z-index: 1000;
}

.filter-options a {
	font-size: 11px;
	color: #698393;
	padding: 7px 0px 0px;
	display: block;
	text-decoration: none;
}
				
.filter-options a.divider {
	padding: 5px 0px 7px;
	border-bottom: 1px dotted #698393;
}

.read {
	float: left;
	padding: 6px 10px 0px 12px;
	}
	
#leftcharts {
	background: url(../images/projectschart-bg.gif) no-repeat;
	float: left;
	width: 233px;
}

#rightcharts {
	background: url(../images/spacechart-bg.gif) no-repeat;
	float: left;
	width: 234px;
}

#projectschart {
	z-index: -1;
	width: 233px;
}

#spacechart {
	z-index: -2;
	width: 234px;
	height: 104px;
}

#upgradechart {
	z-index: -1;
	width: 234px;
	height: 45px;
}	

a.accountalert {
	font-size: 10px;
	margin: 5px 15px 0px 15px;
	padding: 5px 7px;
	display: block;
	}
	

/* Overview projects */

ul#filter {
	display: inline;
	}
	
ul#filter li {
	display: inline;
	list-style: none;
	background: url(images/filter-dropdown-tab-off.png) left center no-repeat ;
	padding-left: 20px;
	}

ul#filter li.hidden {
	display: none;
	}
		
#overview-projects-container {
	margin: 5px 0px 20px 0px;
	}

.overview-project {
	margin-bottom: 5px;
	}

.overview-project-top {
	background: url(../images/over-proj-top.png) no-repeat;
	width: 467px;
	height: 20px;
	padding: 5px;
	}

.overview-project-bottom {
	background: url(../images/over-proj-bottom.png) no-repeat;
	height: 3px;
	width: 467px;
	}

.overview-project-middle {
	background: url(../images/over-proj-middle.gif) repeat-y;
	width: 467px;
	height: auto;
	}

.hidden {
	display: none;
}


.overview-project p {
	padding: 15px 35px;
	font-size: 11px;
	color: #4C6A7C;
	line-height: 140%;
	}

.overview-project h2 a {
	color: #698393;
	text-decoration: none;
	}

.overview-project h2 a:hover {
	color: #526c7b;
	text-decoration: underline;
	}

.overview-project h2 a.addproject {
	color: #7C97A6;
	text-decoration: none;
	margin-left: 15px;
	color: #5daa45;
	}
	
.add-new-project {
	cursor: pointer;
	padding-bottom: 5px;
	margin-top: 25px;
}

.add-new-project .overview-project-top {
	background: url(../images/over-add-proj-top.png) no-repeat;
	}	

.add-new-project .overview-project-middle {
	background: url(../images/over-add-proj-middle.gif) repeat-y;
	}	

.add-new-project .overview-project-bottom {
	background: url(../images/over-add-proj-bottom.png) no-repeat;
	}	
	
.removed, .removed p, #content .removed h2, .removed a, .removed h2 a {
	color: #999;
}

.removed .overview-stats .label{
	color: #999;
}

.removed .overview-stats .stat{
	color: #999;
	background: #f2f2f2;
}

#content .removed h4.expires {
	float: right;
	margin:4px 2px 0px 0px;
	font-style: italic; 
	color: #b3b3b3;
}

.removed .overview-project-top {
	background: url(../images/over-removed-proj-top.png) no-repeat;
	}	

.removed .overview-project-middle {
	background: url(../images/over-removed-proj-middle.gif) repeat-y;
	}	

.removed .overview-project-bottom {
	background: url(../images/over-removed-proj-bottom.png) no-repeat;
	}	
			
#content .overview-feed-item .read, #content .overview-feed-item .overview-snap, #content .overview-feed-item .awu-update{
	padding-top: 4px;
}

#content .overview-feed-item .awu-update {
	width: 300px;
}

#content .overview-feed-item h2  {
	padding-top: 0px;
}

#content .overview-feed-item .read, #content .jtip img {
	margin-top: 0px;
}

a.expand {
	display: block;
	float: right;
 	padding: 3px 16px 6px 10px;
	}

a.addexpand {
display:block;
float:right;
padding:3px 12px 7px 10px;
}
	
.overview-nav {
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
	float: left;
	padding: 10px 0px 0px 35px;
	}

.overview-nav ul {
	}
	
.overview-nav ul li {
	list-style: none;
	margin-bottom: 5px;
	font-size: 11px;
	colour: #7591a1;
	}

.overview-nav ul li a {
	text-decoration: none;
	}

.overview-nav ul li a:hover {
	color: #526c7b;
	}

.overview-nav ul li span {
	margin-left: 5px;
	}

.overview-nav ul li img {
	margin-top: -1px;
	}

.overview-stats {
	text-align:right;
	float: right;
	padding: 10px 40px 0px 0px;
	width: 150px;
	font-size: 10px;
	}

.overview-stats .label {
	float: right;
	color: #858585;
	font-style: italic;
	}
	
.overview-stats .stat {
	width: 20px;
	float: right;
	padding: 1px 3px 1px 15px;
	margin: 0px 0px 2px 5px;
	color: #4C6A7C;
	font-size: 10px;
	background: #E8EDF1;
	}

/* Add project */

#overview-add-project {
	background: url(../images/over-add-proj-bg.png) no-repeat;
	height:49px;
	width: 467px;
	margin: 12px 0px 12px 0px;
	}

/* CTA Button */

.cta {
	float:right;
	padding:12px;
	}
	
a.button {
	display: block;
	float: left;
	color: #7591a1;
	padding: 6px 7px 6px 7px;
	text-decoration: underline;
	cursor: pointer;
	}

a.button:hover {
	color: #526c7b;
	}
	
.cta ul {
	padding: 0px;
	text-align: right;
	}

.cta ul li {
	list-style: none;
	margin-top: 6px;
}

.cta ul li a {
	text-decoration: none;
}	

.cta ul li a:hover {
	text-decoration: none;
	color: #526c7b;
}	

.cta ul li a span {
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	font-size: 11px;
}	
	

input.submit-button {
	font-size: 11px;
	display: block;
	background: #7C97A6;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	float: left;
	color: #fff;
	padding: 4px 7px 5px 7px;
	text-decoration: none;
	cursor: pointer;
	margin-top: 1px;
	height: 25px;
	}

#input-notifications {
	margin-top: 12px;
	}

#input-attachment {
	height: 60px;
}
	
input.submit-button:hover {
	color: #CAD8DF;
	}

.submit-button-left {
	background: url(../images/c2a-submit-left.png) no-repeat;
	float: left;
	height: 27px;
	width: 4px;
	}

.submit-button-right {
	background: url(../images/c2a-submit-right.png) no-repeat;
	float: left;
	height: 27px;
	width: 4px;
	}

input.cancel-button {
	font-size: 11px;
	background: none;
	border-top: 0px;
	border-bottom: 0px solid #E7EDF0;
	border-right: 0px;
	border-left: 0px;*/
	float: left;
	color: #7C97A6;
	padding: 5px 0px;
	cursor: pointer;
	margin-top: 1px;
	text-decoration: underline;
	}

select {
	margin-top: 5px;
	}
		
input.cancel-button:hover {
	color: #3A5868;
	}

.cancel-button-left {
	/*background: url(../images/c2a-cancel-left.png) no-repeat;*/
	float: left;
	height: 27px;
	width: 4px;
	}

.cancel-button-right {
	/*background: url(../images/c2a-cancel-right.png) no-repeat;*/
	float: left;
	height: 27px;
	width: 4px;
	}

a.button span {
	padding: 0px 0px 0px 5px;
	}	

a.button img {
	margin-top: 1px;
	}
	
.button-left {
	background: url(../images/c2a-loz-left.png) no-repeat;
	float: left;
	height: 27px;
	width: 4px;
	}


.button-right {
	background: url(../images/c2a-loz-right.png) no-repeat;
	float: left;
	height: 27px;
	width: 4px;
	}

/* Overview Feed */

#overview-feed-container {
	background: url(../images/over-feed-top.png) no-repeat;
	width: 468px;
	margin: 6px 0px 0px 0px;
	padding: 26px 0px 0px 0px;
	}

#content #overview-feed-container h2 {
	color: #1a1a1a;
	width: 305px;
	}

#content #overview-feed-container h2 a {
	color: #1D292D;
	text-decoration: none;
	}
	
#overview-feed-container ul {
	padding: 5px 35px 8px 32px;
	background: #FFFFFF;
	}

#overview-feed-container ul li {
	font-style: italic;
	list-style: none;
	display: inline;
	color: #858585;
	font-size: 10px;
	margin-right: 3px;
	}

#overview-feed-container ul li a {
	text-decoration: none;	
	color: #858585;
	}

#overview-feed-container ul li a:hover {
	color: #526c7b;
	text-decoration: underline;	
	}
	
.overview-feed-item {
	background: #fff;
	width: 468px;
	padding: 9px 0px 6px 0px;
	border-bottom: 1px dotted #e7e7e7;
	position: relative;
	}

.feedtipimage {
	position: absolute;
	top: 10px;
	right: 35px;
	z-index: 100;
	display: none;
}
	
#overview-feed-container .overview-comment {
	padding: 3px 35px 0px 32px;
	color: #4C6A7C;
	font-size: 11px;
	line-height: 140%;
	background: #FFFFFF;
	}

#overview-feed-container .overview-comment b {
	font-weight: bold;
	}
	
#overview-feed-container .overview-comment .attachment, #project-comments .attachment ,.viewer-comment .attachment{
	padding: 4px 0px 3px 0px;
	margin: 10px 20px 10px 0px;
	width: auto;
	text-decoration: none;
	}

#overview-feed-container .overview-comment .attachment a, #project-comments .attachment a {
	text-decoration: none;
	}

img.filetype {
	margin-top: -1px;
	}

#overview-feed-container .overview-comment .attachment a span, #project-comments .attachment a span, .viewer-comment .attachment a span {
	margin: 0px 5px 0px 3px;
	text-decoration: underline;
	padding: 0px;
	font-size: 11px;
	}

#overview-feed-container .overview-comment .attachment a span:hover, #project-comments .attachment a span:hover, .viewer-comment .attachment a span:hover {
	color: #526c7b;
	}

#overview-feed-container .overview-comment p {
	color: #808080;
	padding: 5px 0px;
	}

#overview-feed-container .overview-comment ul {
	color: #4C6A7C;
	padding:10px 0px;
	}

#overview-feed-container .overview-comment ul li {
	color: #4C6A7C;
	list-style-type:disc;
	display:list-item;
	font-style: normal;
	margin:0 0 2px 15px;
	font-size: 11px;
	line-height: 140%;
	}
	
#overview-feed-container .overview-comment ul li a {
	color: #7591a1;
	text-decoration: none;
		}

#overview-feed-container .overview-comment ul li a:hover {
	color: #526c7b;
		}
			
#action-key {
	background: url(../images/over-show-all-comments.png) no-repeat;
	height: 48px;
	width: 468px;
	margin-bottom: 25px;
	font-size: 11px;
	text-decoration: none;
}

a.pagecom {
	text-decoration: none;
}

#content .project-column1 #action-key {
	background: none;
	height: 48px;
	margin-bottom: 25px;
	font-size: 11px;
	text-decoration: none;
	width: auto;
}

#overview-feed-key {
	background: url(../images/over-show-all-comments.png) no-repeat;
	height: 48px;
	width: 468px;
	margin-bottom: 25px;
	font-size: 11px;
	text-decoration: none;
	}
	
.square-key {
	background: url(../images/square-key-bg.gif) repeat-x;
	padding: 4px 10px 6px 5px;
	}
	
.square-key span {
	color: #FFFFFF;
	font-weight: bold;
}

/* Project comments */

.project-column1 {
	float: left;
	width: 711px;
	margin-right: 20px;
	}

.project-column2 {
	float: left;
	width: 223px;
	padding: 8px 0px 20px 0px;
	}
	
#project-comments {
	padding: 27px 0px 25px 0px;
	margin-top: 12px;
	background: url(../images/proj-comment-top-bg.png) no-repeat;
	position: relative;
	width: 711px;
}
	
#project-comments h2 {
	padding: 2px 0px 0px 0px;
	font-size: 15px;
	color: #000000;
	float:left;
	cursor:pointer;
	cursor:hand;
	}
	
#project-comments h2 a {
	color: #1D292D;
	text-decoration: none;
	}

#project-feed-container {
	background: #fff;
	padding-bottom: 1px;
}

.project-comment {
	padding: 6px 18px 7px 0px;
	background: #fff url(../images/proj-comment-bg.gif) repeat-x;
	border-bottom: 1px dotted #cad8df;
	margin-bottom: 1px;
	}

.project-comment .project-comment-options {
	padding-top: 2px;
	}
		
.project-comment-body {
	clear: both;
	background: #fff;
	width: 676px;
	padding: 0px 3px 5px 32px;
	}

.project-comment-details {
	float: left;
	color: #7591a1;
	font-size: 10px;
	}

.project-comment-details ul {
	}

.project-comment-details ul li {
	margin-right: 2px;
	list-style: none;
	display: inline;
	}

.project-comment-details a{
	text-decoration: none;
	}

.project-comment-details a:hover {
	color: #526c7b;
	}

.project-comment-options {
	float: right;
	color: #7C97A6;
	text-align: right;
	position: relative;
	}

.project-comment-options ul {
	}

.project-comment-options ul li {
	margin-right: 6px;
	list-style: none;
	display: inline;
	color: #858585;
	font-size: 10px;
	}

.project-comment-options ul li.call-the-options {
	}
	
.project-comment-options .comment-options, .project-reply-options .reply-options  {
	display: block;
	float: left;
	background: url(../images/icon-comment-options-off.gif) left top no-repeat;
	/* border: 1px solid #CAD8DF; */
	padding: 0px 3px 1px 20px;
	width: 37px;
	}

.project-comment-options .comment-options:hover, .project-reply-options .reply-options:hover {
	background: url(../images/icon-comment-options-on.gif) left top no-repeat;
	}
			
#content .project-comment-options a{
	text-decoration: none;
	}

#content .project-comment-options a:hover {
	color: #526c7b;
	}

#content .project-comment-options .options-call {
	background: #ffffff;
	position: absolute;
	text-align: left;
	top: 16px;
	left: 0px;
	z-index: 100;
	display: none;
	}

#content .project-reply-options .options-call {
	background: #ffffff;
	position: absolute;
	text-align: left;
	top: 14px;
	left: 0px;
	z-index: 100;
	display:none;
	}
		
#content .options-call h4 {
	font-style: italic;
	color: #7591a1;
	}

#content .options-call-body {
	border: 1px solid #CAD8DF;
	width: 92px;
	padding: 6px 6px 0px 6px;
	background: #ffffff;
	text-align: left;
	}

#content .options-call-body ul li {
	display: list-item;
	list-style:none;
	padding-bottom: 6px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted #7C97A6;
	cursor: pointer;
	}

#content .options-call-body ul li.last {
	border-bottom: 0px;
	}

#content .options-call-body ul li.respond {
	background: url(../images/icon-16-add-comment.png) right no-repeat;
	}
	
#content .options-call-body ul li.close {
	background: url(../images/icon-16-expand.png) right no-repeat;
	}

#content .options-call-body ul li.edit {
	background: url(../images/icon-16-edit-comment.png) right no-repeat;
	}
	
#content .options-call-body ul li.delete {
	background: url(../images/icon-16-delete.png) right no-repeat;
	}		

#content .options-call-body ul li.read {
	float: none;
	padding: 0px 0px 5px;
	}	
		
#content .options-call-body ul li a {
	color: #4C6A7C;
	}
	
#content .options-call-body ul li a:hover {
	color: #7C97A6;
	}
	
#project-comments p {
	padding: 0px;
	}

#project-comments .comment {
	padding: 5px 35px 0px 0px;
	color: #4c6a7c;
	font-size: 13px;
	line-height: 140%;
	}

#project-comments .comment b {
	font-weight: bold;
	}
	
#project-comments .comment p {
	color: #4c6a7c;
	padding: 5px 0px;
	line-height: 140%;
	}

#project-comments .comment ul, .viewer-body-comment ul {
	color: #808080;
	padding:10px 0px;
	}

#project-comments .comment ul li, .viewer-body-comment ul li {
	color: #4c6a7c;
	margin-bottom:2px;
	list-style-type:disc;
	list-style-position:inside;
	display:list-item;
	font-style: normal;
	}

#project-comments .comment ul li a {
	color: #7591a1;
	text-decoration: none;
		}

#project-comments .comment ul li a:hover {
	color: #526c7b;
		}

#project-comments .system {
	padding: 0px 18px 0px 0px;
}

			
.awu-update {
	float: left;
	color: #333333;
	padding-top: 4px;
}

#project-comments .awu-update {
	width: 500px;
	padding: 4px 0px;
}

.awu-update a {
	text-decoration: none;
	}

.awu-update a:hover {
	color: #526c7b;
	text-decoration: underline;
	}

.awu-update-time{
	float: right;
	}

#overview-feed-container .overview-snap ul{
	width: auto;
	padding: 0px;
	}	

#overview-feed-container .overview-snap ul li.snap{
	margin-right: 0px;
	}	

#project-feed-container li.snap{
	margin-right: 2px;
	margin-left: 3px;
	display: inline;
	position: relative;
	}	
	
#project-feed-container li.snap .feedtipimage{
	position: absolute;
	top: 0px;
	right: none;
	left: 25px;
	z-index: 100;
	display: none;
	}	
						
.project-reply-contain{
	margin: 10px 18px 0px 32px;
	/*border-bottom: 1px dotted #D9D9D9;*/
	}

.top-border {
	border-top: 1px dotted #D9D9D9;
	}
		
.project-reply {
	margin: 10px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #E4EFF5;
	}

.project-column1 .reply, .overview-column2 .reply {
	padding: 5px 35px 0px 0px;
	color: #808080;
	font-size: 11px;
	line-height: 140%;
	font-style: italic;
	}

.project-column1 .reply b {
	font-weight: bold;
	}
	
.project-column1 .reply p {
	color: #808080;
	padding: 5px 0px;
	line-height: 140%;
	}

.project-column1 .reply ul, .viewer-reply-body  ul{
	color: #7591a1;
	padding:10px 0px;
	}

.project-column1 .reply ul li, .viewer-reply-body ul li {
	color: #7591a1;
	margin-bottom:5px;
	list-style-type:disc;
	list-style-position:inside;
	display:list-item;
	font-style: italic;
	}

.project-column1 .reply ul li a {
	color: #7591a1;
	text-decoration: underline;
		}

.project-column1 .reply ul li a:hover {
	color: #526c7b;
		}

.project-column1 .project-reply-info {
	float: left;
	}

.project-column1 .project-reply-options {
	float: right;
	position: relative;
	}

.project-column1 .project-reply-options ul, .project-column1 .project-reply-info ul, #overview-feed-container .overview-comment .project-reply ul {
	padding: 0px 0px;
	}
	
#overview-feed-container .overview-comment .project-reply ul {
	padding: 10px 0px !important;
}

.project-column1 .project-reply-options ul li, .project-column1 .project-reply-info ul li, #overview-feed-container .overview-comment .project-reply .project-reply-info ul li {
	margin-right: 2px;
	list-style: none;
	display: inline;
	color: #7591a1;
	margin:0 0 2px 0px;
	}

.project-column1 .project-reply-options ul li a, .project-column1 .project-reply-info ul li a {
	color: #7591a1;
	text-decoration: none;
	}

.project-column1 .project-reply-options ul li a:hover, .project-column1 .project-reply-info ul li a:hover {
	color: #526c7b;
	}

#project-action-key{
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
	background: #fff;
	width: 705px;
	padding-right: 6px;
	}

#project-action-key-bottom{
	background: url(../images/project-action-key-bottom-bg.png) bottom no-repeat;
	width: 711px;
	height: 9px;
	}
	
.project-nugget {
	padding: 10px 0px 0px 0px;
	}
	
.project-column2 .keystone {
	background: url(../images/proj-nugget-keystone-bg.png) no-repeat;
	width: 197px;
	height: 19px;
	padding: 3px 8px 0px 16px;
	}

.project-column2 .keystone img {
	}

.project-column2 h3 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	}

.addfile.hover {
	color: #333;
	}
	
.project-column2 ul {
	text-align: right;
	}

.project-column2 ul li {
	list-style: none;
	display: inline;
	color: #999999;
	font-size: 10px;
	}

.project-column2 ul li:hover {
	color: #333333;
	}
	
.project-column2 ul li a {
	text-decoration: underline;
	color: #4C6A7C;
	font-size: 9px;
	}
	
.project-column2 ul li a:hover {
	color: #333333;
	}

.project-column2 .nugget-item {
	background: #ffffff url(../images/proj-nugget-item-bg.png) repeat-x;
	width: 202px;
	padding: 6px 5px 5px 14px;
	/*border-right: 1px solid #c3d8e3;*/
	/*border-left: 1px solid #c3d8e3;*/
	border-bottom: 1px dotted #c3d8e3;
	}

.this-project-member-details {
	display: none;
}

.project-column2 .deleted {
	background: #FFFFFF none;
	width: 202px;
	padding: 6px 5px 5px 14px;
	border-bottom: 1px dotted #c3d8e3;
	}

.project-column2 .deleted {
	background: #FFFFFF none;
	width: 202px;
	padding: 6px 5px 5px 14px;
	border-bottom: 1px dotted #c3d8e3;
	}

.project-column2 .deleted span.days {
	font-size: 10px;
	}

.project-column2 .deleted span.hours {
	color: red;
	font-size: 10px;
	}
				
.project-column2 .deletes h3 {
	color: #999999;
	font-size: 12px;
	}

.project-column2 .nugget-item h3 a {
	text-decoration: none;
	}

.project-column2 .nugget-item h3 a.restore, .project-column2 .nugget-item h3 div.restore {
	font-size: 10px;
	float: right;
	}
	
.project-column2 .nugget-item h3 a.restore img, .project-column2 .nugget-item h3 div.restore img {
	padding-left: 3px;
	}
	
.project-column2 .nugget-item h4 {
	color: #7591a1;
	font-size: 11px;
	}

.project-column2 .nugget-item h4 a {
	text-decoration: none;
	color: #4C6A7C;
	font-weight: normal;
	}

.project-column2 .nugget-item h4 a:hover {
	color: #1D292D;
	text-decoration: none;
	}

.project-column2 .nugget-item h4 span {
	color: #858585;
	}

.project-file-nugget-items {
	}
	
.project-column2 .nugget-item h4.related-file {
	padding-top: 3px;
	height: 16px;
	overflow: hidden;
	}

.project-column2 .nugget-item h4.related-file img {
	padding-top: 0px;
	}	
	
.project-column2 .nugget-item h4.related-file a span {
	color: #7591a1;
	text-decoration: underline;
	}

.project-column2 .nugget-item h4.related-file a span:hover {
	color: #4A6576;
	}

.project-column2 .nugget-item p {
	color: #858585;
	font-size: 11px;
	}

	
.project-column2 .nugget-item img {
	padding: 1px 6px 0px 0px;
	}
	
img.comment-expand {
	margin-left: 4px;
	padding: 3px 5px 5px 5px;
	}

.project-column2 .nugget-item img.item-expand {
	padding: 2px 6px 2px 5px;
	}

.project-column2 .nugget-item h5 {
	font-size: 9px;
	padding-top: 8px;
	}
	
.project-column2 .nugget-item h5 span {
	color: #858585;
}

.project-column2 .nugget-item h5 a {
	text-decoration: none;
	}

.project-column2 .nugget-item h5 a:hover {
	color: #4C6A7C;
	}

.project-column2 .nugget-item ul {
	text-align: left;
	}

.project-column2 .nugget-item ul li {
	color: #7591a1;
	font-size: 9px;
	display: inline;
	}	

.project-nugget-options {
	background: url(../images/proj-nugget-options.png) no-repeat;
	width: 197px;
	height: 10px;
	margin-top: -1px;
	padding: 8px 8px 10px 16px;
	}

.project-nugget-options ul li {
	margin-left: 5px
	padding-right: 3px;
	}

.project-nugget-options ul li a {
	text-decoration: none;
	}

.project-nugget-options ul li a span {
	font-size: 10px;
	padding: 0px 3px;
	}

.project-nugget-options ul li a img {
	margin-top: 1px;
	margin-right: 4px;
	}

.project-column2 .avatar {
	float: right;
	width:23px;
	padding-top: 5px;
	padding-right: 6px;
	}

.project-column2 .project-manager-nugget-items .avatar {
	float: left;
}

.static-project-nugget{
	margin-top: 22px;
}
	
.project-column2 .user-details {
	float: left;
	padding: 5px 0px 0px 0px;
	width: 173px;
	overflow: hidden;
	}

.project-column2 .project-manager-nugget-items .user-details {
	float: left;
	width: 130px;
	overflow: hidden;
	padding: 5px 0px 0px 10px;
	}
	
.project-column2 .project-manager-nugget-items h3 {
	text-align: right;
	background: #fff;
	margin-right: 2px;
	color: #7C97A6;
	padding: 3px 12px;
	font-weight: normal;
}

a.remove-manager {
	display: block;
	float: right;
	background: url(../images/icon-16-delete.png) no-repeat;
	width: 16px;
	height: 16px;
	margin: 10px 5px 0px 10px;
}	
.project-column2 .user-details p {
	font-style: italic;
	font-size: 10px;
	color: #858585;
	margin: 0px;
	padding-top: 2px;
	}

.project-column2 .project-manager-nugget-items .user-details h4 {
	font-weight: bold;
	color: #4D4D4D;
}

.project-column2 .project-manager-nugget-items .user-details p {
	font-style: normal;
}
	
.project-column2 a.remove {
	display: block;
	background: url(../images/icon-10-delete.png) left center no-repeat;
	padding: 0px 13px 0px 12px;
	margin-top: 5px;
	text-align: left;
	text-decoration: none;
}

.project-column2 a.remove:hover {
	color: #e03a18;
}
			
/* forms */

.left-equal-required-form  {
	background: #fff url(../images/over-firstfeed-item-bg.gif) top repeat-x;
	width: 426px;
	padding: 20px 18px 14px 24px;
	}

.left-equal-form  {
	background: #fff url(../images/left-equal-form-bg.gif) top repeat-x;
	width: 426px;
	padding: 5px 18px 6px 24px;
	}
	
#content .ajaxexpand h2 {
	float:none;
	color: #4C6A7C;
	font-size: 13px;
	margin-bottom: 2px 0px 5px 0px;
	}
	
#content .ajaxexpand h2 img {
	margin-top: 3px;
}

#content .ajaxexpand h2 a {
	color: #4C6A7C;
	font-size: 13px;
	text-decoration: none;
	padding-bottom: 10px;
	}

#content .ajaxexpand h2 a:hover {
	color: #3A5565;
	}

#input-description, #input-position, #input-background, #input-notifications, #input-attachment, #input-logo, #input-logobgimage, #input-newmember, #input-avatar, #input-projectcolour {
display: none;
}

.awuformcontainer {
	}
#project-feed-container .awuformcontainer {
	background: #fff url(../images/proj-comment-bg.gif) repeat-x;
	padding: 20px 25px;
}

.awuformcontainer h3 {
	font-size: 11px;
	color: #4C6A7C;
	margin-bottom: 5px;
	margin-top: 12px;
	}

.awuformcontainer .left-equal-required-form h3.orphan {
	font-size: 13px;
	color: #4C6A7C;
	margin-bottom: 5px;
	margin-top: 0px;
	}
	
.awuformcontainer h3 span{
	font-style: italic;
	font-size: 9px;
	color: #B1C4CE;
	margin-left: 5px;
	}

.awuformcontainer h3 span.front{
	margin-left: 0px;
	margin-right: 5px;
	}
	
.awuformcontainer h4 {
	font-size: 13px;
	color: #4C6A7C;
	margin-bottom: 5px;
	margin-top: 12px;
	}

.awuformcontainer h4.first {
	margin-top: 0px;
	}
			
input[type=text] {
	width: 392px;
	border: 1px solid #cccccc;
	background: #ffffff url(../images/form-textinput-bg.gif) repeat-x;
	color: #4C6A7C;
	font-size: 15px;
	padding: 8px 15px 8px 15px;
	}

input.column[type=text], input.column[type=password] {
	width: 248px;
	height: 18px;
	border: 1px solid #CAD8DF;
	color: #4C6A7C;
	font-size: 13px;
	padding: 6px 15px 6px 15px;
	}
	
/*.upload {
	background: url(../images/choose-file-button.png) top no-repeat;
	width: 79px;
	height: 21px;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	}*/
	
.awuformcontainer p.uploaded {
	padding: 5px 0px 0px 0px;
	font-size: 9px;
	color: #4C6A7C;
	font-weight: bold;
	}

.awuformcontainer p.uploaded span{
	font-weight: normal;
	}

.awuformcontainer h3 span.uploaded {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #4C6A7C;
	margin-left: 2px;
	}

.awuformcontainer h3 span.currentfile {
	padding: 0px 0px 0px 5px;
	font-size: 9px;
	color: #4C6A7C;
	font-weight: bold;
	}
		
input.upload {
	color: #B1C4CE;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 3px;
	}
		
input.picker {
	border: 1px solid #cccccc;
	background: none;
	font-size: 13px;	
	padding: 5px 0px;
	text-align: center;
 	color: #7591a1;
	width: 193px;	
	}

textarea {
	font-family: "Lucida Grande", Helvetica, Trebuchet MS, Arial, sans-serif;
	width: 393px;
	height: 128px;
	border: 1px solid #cccccc;
	background: #ffffff url(../images/form-textinput-bg.gif) repeat-x;
	padding: 8px 15px 8px 15px;
	font-size: 11px;
	color: #7591a1;
	margin-bottom: 12px;
	}

		
.radio-block-big {
	float: left;
	width: 55px;
	text-align: center;
	margin-right: 5px;
}

.radio-block-big input	{
	margin-top: 5px;
	cursor: pointer;
}

.radio-block-med {
	float: left;
	width: 37px;
	text-align: center;
	margin-right: 12px;
}

.radio-block-med p{
	color: #999999;
	font-style: italic;
	font-size: 9px;
}

.radio-block-med input	{
	margin-top: 5px;
	cursor: pointer;
}

#form-field-container {
	background: url(../images/over-feed-top.png) no-repeat;
	width: 468px;
	margin: 6px 0px 0px 0px;
	padding: 24px 0px 0px 0px;
	}

.equal-form-left {
	float: left;
	padding-right:12px;
	border-right: 1px dotted #b1c4ce;
	}

.awuformcontainer .left-equal-form p.orphan {
	padding: 10px 0px 20px 0px;
	font-size: 13px;
	color: #7C97A6;
	font-style: italic;
	}
	
.left-label {
	float: left;
	padding-right:12px;
	width:120px;
	font-size: 15px;
	color: #7C97A6; 
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 8px;
	}

.left-label span {
	color: #4C6A7C; 
	}
	
.right-input {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.equal-form-right {
	float: left;
	padding-left: 12px;
	}

.equal-form-right .topinput {
	border-bottom: 1px dotted #b1c4ce; 
	padding-bottom: 35px;
	width: 190px;
	}

.equal-form-right .input {
	padding-top: 10px;
	}

.notify-list {
	background: #F3F7FA;
	padding: 5px;
	margin-bottom: 2px;
	}
		
.notify-list span {
	color: #808080;
	font-size: 10px;
	}

.notify-list span.members {
	margin-left: 4px;
	font-weight: bold;
	}

#form-creative-viewer {
	background: url(../images/viewer-bottom-bg.png) bottom no-repeat;
	padding-bottom: 13px;
	width: 467px;
	margin-top: 24px;
	margin-bottom: 25px;
	}

#form-upgrade-viewer {
	background: #fff url(../images/viewer-bottom-bg.png) bottom no-repeat;
	padding-bottom: 13px;
	width: 467px;
	margin-top: 24px;
	margin-bottom: 25px;
	}

#content #form-upgrade-viewer h2.nofloat {
	padding: 13px;
}
		
.form-project-view {
	padding: 0px 20px 12px 20px;
	background: #fff;
}

.form-project-viewer{
	margin-bottom: 25px;
	background: #fff;
}

.form-project-left {
	float: left;
	margin-right: 10px;
}

.form-project-right {
	float: left;
	width: 320px;
}

.form-action-left {
	float: left;
	margin-right: 10px;
	padding: 10px 0px 15px 15px;
	width: 350px;
}

.form-action-left select {
	margin-top: 10px;
	color: #4C6A7C;
	font-size: 11px;
	width: 200px;
}

.form-action-left option {
	padding: 2px;
}

.form-action-left p {
	line-height: 140%;
	color: #858585;
	font-size: 11px
}

.form-action-left span {
	line-height: 140%;
	color: #858585;
	font-size: 11px
}

.project-action {
	float:right;
	width:70px;
	text-align: center;
	padding-top: 20px;
	margin-top: 15px;
}

#action-archive {
	color: #cccc66;
	background: url(../images/icon-16-archive.png) top center no-repeat;
}

#action-delete {
	color: #FF6633;
	background: url(../images/icon-16-delete.png) top center no-repeat;
}

#content .form-project-view h2 {
 float: none;
}

.form-project-view p {
 color: #7C97A6;
}

#atoz {
	padding: 5px 8px;
}

.project-column1 #atoz {
	padding: 5px 0px 10px 0px;
}

#atoz ul {
	text-align: center;
}

.project-column1 #atoz ul {
	text-align: left;
}

#atoz ul li {
	display: inline;
	list-style: none;
	font-size: 9px;
	color: #7C97A6;
	}

#atoz ul li span {
	margin: 0px 1px 0px 0px;
	}

#atoz ul li a {
	font-size: 10px;
	color: #7C97A6;
}

#atoz ul li a:hover {
	color: #4C6A7C;
}

#the-members {
	background: #fff;
}

#the-permissions {
	background: #fff;
}

#content #the-permissions h2 {
	font-size: 13px;
	cursor: default;
}

.listed-member, .listed-contact {
	background: #F3F7FA;
}

.listed-member {
	padding: 7px 8px 5px 8px;
	height: 15px;
	margin: 0px 8px 8px 8px;
}

.listed-contact {
	padding: 5px 8px 4px 8px;
	height: 12px;
	margin: 0px 8px 8px 0px;
}

#content .project-column1 #project-comments #the-members h2 {
	float: none;
	font-size: 19px;
	margin: 0px 0px 8px 0px;
	width: 450px;
}

#content .project-column1 #project-comments #the-members h2 a {
	font-size: 19px;
	color: #7C97A6;
}
	
.no-listed-member {
	background: #F3F7FA;
	padding: 15px 8px 15px 8px;
	height: 15px;
	margin: 0px 8px 0px 8px;
}
		
.member-details, .contact-details, .permission-details {
	float: left;
}

.member-details {
	color: #7C97A6;
	font-size: 11px;
}

.contact-details {
	color: #333;
	font-size: 10px;
	width: 400px;
}

.listed-permission {
	padding-bottom: 8px;
	background: #fff;
}

.permission-details {
	color: #333;
	font-size: 11px;
	width: 276px;
	background: #F3F7FA;
	padding: 4px 5px;
}

.permission-details span {
	font-weight: bold;
}

.member-details span {
	font-weight: bold;
}
		
.member-checkbox, .contact-checkbox, .permission-radio {
	float: right;
}

.contact-checkbox {
	width: 150px;
	text-align: center;
}

.permission-radio {
	width: 75px;
	text-align: center;
	background: #F3F7FA;
	padding: 4px 0px;
}

#member-rules {
	padding: 15px 0px 10px 0px;
}

.rule {
	text-align: center;
	float: right;
	width: 75px;
	color: #7C97A6;
	font-size: 11px;
}

#content #the-members h2 {
	float: none;
	font-size: 19px;
	margin: 0px 0px 8px 16px;
}

#content #the-members h4 {
	float: none;
	font-size: 13px;
	margin: 0px 100px 8px 0px;
	padding: 0px;
}

#content #the-members p {
	float: none;
	font-size: 11px;
	margin: 0px 100px 8px 0px;
	padding: 0px;
	color: #4C6A7C;
}
				
#ajaxloader {
		position: absolute;
		left: 178px;
		top: 30px;
}
	
#the-preview {
	height: auto;
	width: 467px;
	padding-bottom: 15px;
	}		

#the-preview p {
	line-height: 140%;
	color: #858585;
	font-size: 11px
	}	

#the-creative {
	}		

.error {
	background: #FFFCCC url(../images/icon-10-error.png) left center no-repeat;
	color: #808080;
	font-size: 10px;
	padding: 2px 10px 2px 15px;
	width: auto;
	overflow: visible;
	border-left: 5px solid #FFFCCC;
	margin-top: 10px;
	}

.notification { 
	margin-bottom: 12px;
	width: 908px;
	color: #4C6A7C;
	font-size: 13px;
	padding: 10px 10px 10px 25px;
	}

#error {
	background: #FFFCCC url(../images/icon-16-error.png) left center no-repeat;
	border-left: 10px solid #FFFCCC;
	}

#success {
	background: #e0f6de url(../images/icon-16-tick.png) left center no-repeat;
	border-left: 10px solid #e0f6de;
	}
		
.project-action {
	float:right;
}
	
/* Dialog box */

#alert-modal-container {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 150px auto 0px auto;
	}

#alert-modal {
		width: 100%;
		background: #ffffff;
		margin: 0px auto;
		position: fixed;
		top: 100px;
	}

#alert-modal p {
	}
	
/* Footer */

#footer {
	background: #2B3B40;
	text-align: center;
	padding: 15px 0px 20px 0px;
	border-top: 1px solid #D1D1D1;
	margin-bottom: 30px;
	}
	
#footer h3 {
	font-size: 8px;
	font-weight: bold;
	color: #d5dfe6;
	}
	
#footer p {
	font-size: 10px;
	color: #999999;
	}
	
#footer-nav {
	color:#A2A2A2;
	display:inline;
	font-size:11px;
	height:50px;
	padding:13px 0 20px 0;
	text-align:center;
	}
#footer-nav ul{
	padding: 0 0 10px 0;
}
	
#footer-nav li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}

#footer-nav li a {
	color:#A2A2A2;
	font-family:"Lucida Grande",Helvetica,Trebuchet MS,Arial,sans-serif;
	font-size:11px;
	margin:2px;
	text-decoration:none;
	}
	
#footer-nav li a:hover {
	color:#B2D2E5;
	}



/* Creative viewer */

.viewer-contain	{
	width: 100%;
	height: 100%;
	}
	
#creative-top {
	width: 100%;
	height: 100%;
	display: none;
	border: 1px;
	padding-bottom: 32px;
	}
	
#creative-top td {
	width: 100%;
	height: 100%;
	border: 1px;
	}
	
#viewernav {
 	position: fixed;
	width: 100%;
	color: #4C6A7C;
	bottom: 0px;
	}
	
#viewerrelative {
	background-image:url(../images/viewer-nav-bg.gif);
	background-repeat: repeat-x;
	height: 32px;
	position: relative;
}

#viewer-options {
	color: #4C6A7C;
	position: absolute;
	bottom: 5px;
	left: 13px;
	}

#viewer-logo-name {
	position: absolute;
	bottom: 8px;
	right: 15px;
	}
		
#viewer-options div.option{
	padding: 4px 7px 0px 0px;
	background: url(../images/icon-thumb-nav-div.png) left no-repeat;
	float: left;
}

#viewer-options div.optionfirst {
	padding: 4px 7px 0px 0px;
	background: none;
	float: left;
} 

#viewer-options a {
	text-decoration: none;
	}
	
#viewer-options a span {
	font-size: 11px;
	color: #4C6A7C;
	text-decoration: none;
	margin: 0px 0px 0px 8px;
	}

#viewer-options a:hover span {
	color: #7E97A6;
	}

#viewer-options span.actionlink {
	margin: 0px 3px 0px 15px;
	}

#viewer-nxtprv {
	text-align: center;
	padding: 10px 0px;
	margin: 0px auto;
	width: 100%;
}

#viewer-nxtprv a {
	text-decoration: none;
	}

#viewer-nxtprv span {
	margin: 0px 10px 0px 10px;
	}

#viewer-nxtprv p  {
	margin: 13px 0px 0px 0px;
	}

#viewer-nxtprv img  {
	margin: 4px 0px 0px 0px;
	}
		
#viewer-name {
	font-size: 11px;
	color: #4C6A7C;
	text-align: right;
	float: right;
	margin-top: 5px;
	}

#viewer-name span {
	font-weight: bold;
	}
	
#viewer-logo {
	float: right;
	margin: 0px 0px 0px 15px;
}

#flash {
	vertical-align: middle;
	margin: 0px auto;
	}

#viewer-comment-contain {
	position: absolute;
	left: 90px;
	bottom: 33px;
	display: none;
	}
	
#viewer-comment-top {
	background: url(../images/viewer-comment-top-bg.png) no-repeat;
	width: 475px;
	height: 60px;
	padding: 0px 36px 0px 36px;
	}
	
#viewer-comment-main {
	background: url(../images/viewer-comment-bg.png) repeat-y;
	width: 475px;
	padding: 10px 36px 10px 36px;
	}
	
.viewer-body-comment {
	margin-top: 10px;
	}

.viewer-scroller {
}
	
#viewer-comment-bottom {
	background: url(../images/viewer-comment-bottom-bg.png) no-repeat;
	width: 547px;
	height: 34px;
	}

#viewer-comment-top h2 {
	font-size: 13px;
	color: #4C6A7C;
	margin: 0px;
	padding: 25px 0px 10px 0px;
	border-bottom: 1px solid #E0EBF0;
	width: 100%;
	}
	
.viewer-comment {
		display: none;
		float: left;
		width: 475px;
	}
	
#viewer-comment-contain .viewer-comment h2 {
		color: #1A1A1A;
		font-size: 13px;
		margin-top: 0px;
		border: none;
	}
	
#viewer-comment-contain p {
		color: #4C6A7C;
		font-size; 10px;
	}
	
.viewer-comment-details {
	color: #7591a1;
	margin-top: 10px;
	}
	
.viewer-comment-details ul {
	}

.viewer-comment-details ul li {
	margin-right: 3px;
	list-style: none;
	display: inline;
	}

.viewer-comment-details a{
	text-decoration: none;
	}

.viewer-comment-details a:hover {
	color: #526c7b;
	}

.viewer-reply-body {
	margin: 15px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 5px solid #E4EFF5;
	}
	
.viewer-reply-details {
	color: #7591a1;
	}
	
.viewer-reply-details ul {

	}

.viewer-reply-details ul li {
	margin-right: 3px;
	list-style: none;
	display: inline;
	}

.viewer-reply-details a{
	text-decoration: none;
	}

.viewer-reply-details a:hover {
	color: #526c7b;
	}
	
.viewer-comment-nav {
	text-align: center;
	width: 100%;
	margin-top: 20px;
}

.viewer-comment-nav img {
	margin: 3px;
}

a.hidenseek {
	display: none;
	position: fixed;
	background: url(../images/viewer-hidenseek-bg.png) no-repeat;
	width: 35px;
	height: 13px;
	padding: 4px 6px 0px 6px;
	text-decoration: none;
}

a.hidenseek span {
	font-size: 8px;
	text-transform; uppercase;
	margin-left: 3px;
}

a.hidenseek:hover {
	color: #7E97A6;
}

a#viewer-hide-button {
	bottom: 32px;
	right: 13px;
}

a#viewer-seek-button {
	bottom: 0px;
	right: 13px;
}

.project-column2 .ajaxuploader {
	float: right;
}

.archive-alert {
	position: fixed;
	bottom: 32px;
	width: 100%;
	background: url(../images/archive-alert-bg.png);
	text-align: center;
	font-size: 13px;
	color: #333;
	padding: 5px 0px;
}

/* Viewer form */

.viewer-form .left-equal-required-form  {
	background: none;
	width: 459px;
	padding: 5px 8px 10px 24px;
	border: 0px;
	}

.viewer-form .left-equal-form  {
	width: 430px;
	padding: 5px 8px 6px 24px;
	border: 0px;
	}

.viewer-form .ajaxexpand h2 {
	float:none;
	color: #4C6A7C;
	font-size: 12px;
	margin-bottom: 5px;
	}

.viewer-form .ajaxexpand h2 a {
	color: #4C6A7C;
	font-size: 10px;
	text-decoration: none;
	}

.viewer-form .ajaxexpand h2 a:hover {
	color: #3A5565;
	}
	
.viewer-form {
}

.viewer-form-scroller{
	overflow-y: scroll;
	overflow-x: hidden;
}

.viewer-comment-scroller{
	overflow-y: scroll;
	overflow-x: hidden;
}

.viewer-form h3 {
	font-size: 11px;
	color: #4C6A7C;
	margin-bottom: 5px;
	margin-top: 12px;
	}

.viewer-form .left-equal-required-form h3.orphan {
	font-size: 13px;
	color: #4C6A7C;
	margin-bottom: 5px;
	margin-top: 0px;
	}
	
.viewer-form h3 span{
	font-style: italic;
	font-size: 9px;
	color: #B1C4CE;
	margin-left: 5px;
	}

.viewer-form h4 {
	font-size: 13px;
	color: #4C6A7C;
	margin-bottom: 5px;
	margin-top: 12px;
	}
	
.viewer-form p.uploaded {
	padding: 5px 0px 0px 0px;
	font-size: 9px;
	color: #4C6A7C;
	font-weight: bold;
	}

.viewer-form p.uploaded span{
	font-weight: normal;
	}

.viewer-form h3 span.uploaded {
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	color: #4C6A7C;
	margin-left: 2px;
	}

.viewer-form h3 span.currentfile {
	padding: 0px 0px 0px 5px;
	font-size: 9px;
	color: #4C6A7C;
	font-weight: bold;
	}

a.close-modal {
	position: absolute;
	right: 36px;
	top: 25px;
}

/* Login box */

#login-container {
	width: 329px;
	margin: 40px auto;
	}

#login-masthead {
	text-align:center;
	}
	
#login-masthead h1 {
	font-size: 13px;
	color: #d5dfe5;
	}

#login-nav {
	margin-top: 35px;
}

.login-tab {
	float: left;
	cursor: pointer;
	}
	
.login-tab-left-on {
	background: url(../images/login-tab-left-bg.png) no-repeat;
	width: 5px;
	height: 30px;
	float: left;
	}

.login-tab-main-on {
	background: url(../images/login-tab-main-bg.png) bottom center no-repeat;
	height: 30px;
	float: left;
	}

.login-tab-right-on {
	background: url(../images/login-tab-right-bg.png) right no-repeat;
	width: 5px;
	height: 30px;
	float: left;
	margin-right: 3px;
	}	

.login-tab-left-off {
	background: none;
	width: 5px;
	height: 30px;
	float: left;
	}

.login-tab-main-off {
	background: none;
	height: 30px;
	float: left;
	}
	
.login-tab-right-off {
	background: none;
	width: 5px;
	height: 30px;
	float: left;
	margin-right: 3px;
	}

.login-tab-main-body-on {
	height: 19px;
	background: #4D6A7C;
	padding-top: 3px;
	}

.login-tab-main-body-off {
	height: 19px;
	background: none;
	padding-top: 3px;
	}

#login-nav span {
	margin: 0px 3px;
}

#login-nav span a{
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	}
	
#login-form{
	margin: 15px auto;
	width: 214px;	
	}

#login-box-top {
	width: 214px;
	height: 18px;
	background: url(../images/login-box-top-bg.png) no-repeat;
	}
	
#login-box-main {
	width: 178px;
	background: url(../images/login-box-main-bg.png) repeat-y;
	padding: 0px 18px 10px 18px;
	}

#login-box-bottom {
	width: 178px;
	height: 43px;
	background: url(../images/login-box-bottom-bg.png) no-repeat;
	text-align: right;
	padding: 13px 18px 0px 18px;
	}

#login-box-main p {
	font-size: 13px;
	color: #000;
	margin: 0px 0px 3px 0px;
	}

#login-box-main p a {
	font-size: 10px;
	text-decoration: none;
	}

#login-box-main p a:hover {
	color: #6D98B2;
	}
			
#login-container input[type="text"], #login-container input[type="password"]{
	width: 164px;
	height: 18px;
	padding: 4px 5px 2px 5px;
	background:#FFFFFF url(../images/form-textinput-bg.gif) repeat-x scroll 0 0;
	border:1px solid #7C98A6;
	color: #4D6A7C;
	font-size: 13px;
	margin-bottom: 8px;
	}

#login-credits {
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#login-credits h3 {
	color: #fff;
	font-size: 11px;
	}

#login-credits p, #login-credits h2 {
	color: #999999;
	font-size: 11px;
	margin-top: 2px;
	font-weight: normal;
	}

#awulogin .error {
	background: #FFFCCC url(../images/icon-10-error.png) left center no-repeat;
	color: #808080;
	font-size: 10px;
	padding: 2px 0px 2px 15px;
	width: auto;
	overflow: visible;
	border-left: 5px solid #FFFCCC;
	margin: 0px 0px 7px 0px;
	}	

	
/* Account settings */

.subscription-plan  {
	display: block;
	text-decoration: none;
	padding: 2px 11px 10px 11px;
	margin: 0px 13px 13px 13px;
	background: url(../images/subscription-plan-bg.gif) repeat-x;
}

a.subscription-plan:hover {
	background: url(../images/subscription-plan-hover-bg.gif) repeat-x;
}

a.subscription-plan:hover h3 .upgrade-plan {
	color: #7C97A6;
}

.subscription-plan h3 {
	color:#4C6A7C;
	font-size:15px;
	margin-bottom: 8px;	
}

.subscription-plan h3 span {
	color:#7C97A6;
	font-size:15px;	
	margin-left: 5px;
}
.subscription-plan h3 .current-plan {
float:right;
font-size:11px;
font-style:italic;
background: url(../images/icon-16-tick.png) right no-repeat;
padding-right: 24px;
margin-top: 3px;
}

.subscription-plan h3 .upgrade-plan {
float:right;
font-size:11px;
font-style:italic;
color: #E7F0F5;
margin-top: 3px;
}

.subscription-plan p {
	color:#999999;
	font-size:13px;	
}

.account-setting {
	padding: 20px 18px 14px 24px;
	background: #fff;
}

#content .account-setting h2.nofloat {
	padding: 5px 0px 10px 0px;
}

.subdeets {
	margin-bottom: 15px;
}

.account-setting h4 {
	float: left;
	width: 100px;
	padding: 0px 0px 3px 0px;
	color:#4C6A7C;
	font-size: 11px;
	font-style: italic;
}

.account-setting p {
	padding: 0px 0px 15px 0px;
	color:#4C6A7C;
	font-size: 11px;
	margin-top: -5px;
}

.account-setting p a {
	font-style: italic;
}

.account-setting span {
	color: #333;
}