@import url("screen.css");

/*-  General Accounts
----------------------------------------------------------------------*/
#content table ul{
    margin: 0;
}

#content table dl {
    margin: 0 0 1em;
}

#content table ul li {
    background: none;
    padding: 0;
}

#section-nav ul li.text {
    font-style:italic;
    padding-left:10px;
    padding-right:10px;
}

#section-nav ul li.last a {
    background: url(    "../img/bg-nav-section.gif" ) no-repeat 100% 100%;
    padding-right: 9px;
}

#section-nav ul li.last form {
    background: url(    "../img/bg-nav-section.gif" ) no-repeat 100% 100%;
    padding-right: 9px;
    display: block;
    font-size: 1.1em;
    padding: .5em 0 .9em;
}

#section-nav ul li.last form input {
    margin-bottom: 4px;
}

#section-nav ul li.last img, #section-nav ul #search {
    margin-left: .5em;
    margin-right: .5em;
}

#section-nav ul #search {
    margin-bottom: 0px;
    cursor: pointer;
}

form input.big-text {
    height: 20px;
    font-size: 1.2em;
}

body.extranet #content form .section h3 {
    font-size: 1.7em;
}

body.extranet form th {
    white-space: normal;
    font-style: italic; /*width: 12em;*/
}

#nav-sub-extranet {
    float: left;
    font-size: 1em;
    position: relative;
    min-height: 1px;
    width: 200px;
    top: 18px;
    right: -20px;
    line-height: 2.5em;
}

body.extranet #footer {
    height: 40px;
    overflow: hidden;
}

.printerLink {
    background: transparent url(  '../img/printer.gif' ) no-repeat scroll left top;
    margin-right: 10px;
    padding: 2px 0pt 2px 20px;
}

.editable{
    cursor:pointer;
}

a.cancelLink {
    text-decoration:underline;
    cursor:pointer;
}

#chatLink {
    background: transparent url('../img/comment.gif') no-repeat scroll left 5px;
    padding-left: 20px !important;
}

#matchLink {
    background: transparent url('../img/msg-matching-small.png') no-repeat scroll left 5px;
    padding-left: 20px !important;
	color: #2476BB;
}

#salesForceLink {
    background: transparent url('../img/salesforce.gif') no-repeat scroll left 5px;
    padding-left: 20px !important;
}

#mailLink {
    background: transparent url('../img/mail.png') no-repeat scroll left 8px;
    padding-left: 20px !important;
}

#websiteLink {
    background: transparent url('../img/world.gif') no-repeat scroll left 5px;
    padding-left: 20px !important;
	margin-left:10px;
}

.cell {
    background: transparent url('../img/cell.gif') no-repeat scroll right;
    padding: 5px 20px 5px 0;
	zoom:1; /*weird IE fix for multi-line scenarios */
}

.tickno {
	color:red;
}

#loading {
  background: url('../img/load.gif') no-repeat;
  width: 16px;
  height: 16px;
  display: none;
}

/*-  Conversations
----------------------------------------------------------------------*/
.conversation {
    width:100%;
    border-collapse:collapse;
}
.conversation td{
    border-top: 1px solid #DDDDDD;
    padding:10px;
}
.conversation .author{
    width:25%;
    text-align:right;
}
.conversation .body{
    width:75%;
    font-size:1.2em;
}
#content .conversation td h4{
    display:inline;
}
.conversation small a{
    font-weight:normal;
    text-decoration:none;
}
.reply textarea, .settings textarea {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.wrap-content .author, .text-left{
    text-align:left;
}
.text-right{
	text-align:right;
}
.lighter {
    color:#AAAAAA;
}
.light{
	color:#666666;
}

/*-  Debug
----------------------------------------------------------------------*/

.debug-tab{
	position:fixed;
	bottom:0px;
	left:0px;
	width:75px;
	padding:2px;
	height:15px;
	margin:0;
	text-align:center;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#eeeeee;
}

.debug-panel {
	font-family:Verdana;	
	font-size:9px;
	overflow:auto;
	max-height:800px;
	float:left;
	background: #fff;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display: none;
	overflow:auto;
	padding:5px;
}
.debug-bar {
	filter:alpha(opacity=80);
	opacity:0.8;
	width:100%;
	height:15px;
	background-color:#eeeeee;
	border-bottom:1px solid #cccccc;
	position:fixed;
	top:0px;
	/*left:50px;*/
	margin: 0;
	padding: 2px;
}

/*-  Document Type Icons
----------------------------------------------------------------------*/
.docTypeIcon {
    padding:2px 20px 2px 0px;
    zoom:1; /*weird IE fix for multi-line scenarios */
    border:none !important;
}
.pdf {
    background: transparent url('../img/docTypes/pdf.gif') no-repeat center right;
}
.image {
    background: transparent url('../img/docTypes/image.gif') no-repeat center right;
}
.xls{
    background: transparent url('../img/docTypes/xls.gif') no-repeat center right;
}
.doc {
    background: transparent url('../img/docTypes/doc.gif') no-repeat center right;
}
.ppt{
    background: transparent url('../img/docTypes/ppt.gif') no-repeat center right;
}
.zip {
    background: transparent url('../img/docTypes/zip.gif') no-repeat center right;
}
.mailto{
    background: transparent url('../img/docTypes/mailto.gif') no-repeat center right;
}

/*-  Accounts Overrides
----------------------------------------------------------------------*/
body.extranet #container {
    background: #EFF2F3 url(    "../img/bg-main-extranet.gif" ) repeat-y 50% 0;
}

#brand h1 {
    margin: 0;
	position:static;
}

body.extranet #nav-global {
    margin-top: -33px;
    margin-bottom: 28px;
}

body.extranet #navigation {
    border-top: 1px solid #506F8A;
    border-bottom: 3px solid #B4C1CD;
}

body.extranet #nav-primary {
    background: #EAF0F6 url(    "../img/bg-nav-primary-extranet.gif" ) repeat-x;
}

body.extranet #nav-primary a {
    color: #2476BB;
}

body.extranet #nav-primary li {
    background: url(    "../img/bg-nav-link-extranet.gif" ) repeat-y 100% 0;
}

body.extranet #nav-primary li.current a {
    color: #063258;
}

body.extranet #nav-secondary {
    border-top: 1px solid #506f8a;
}

#content form ul li {
	background: url(      "../img/arrow-bullet.gif" ) no-repeat 0 .5em;
    padding-left: 15px;
}

/*-  Splash (Accounts)
----------------------------------------------------------------------*/
body.extranet #title {
    background: none;
    border-bottom: none;
    color: #7A1;
    height: auto;
    position: static;
}

body.extranet #title h2 {
    position: static;
    left: auto;
    bottom: 0;
    margin: 38px 0 10px 22px;
}

body.extranet #title h2 select{
    color:#77AA11;
    font-size:.8em;
}

body.extranet-sub #title {
    left: 0px;
    margin-bottom: 10px;
}

/*-  Blocks
----------------------------------------------------------------------*/
.block {
    background: url(    "../img/bg-curved-box.png" ) no-repeat 100% 100%;
    margin-bottom: 3em;
    overflow: hidden;
    word-wrap: break-word;
}

.block .head , #content .block-priority .color-block .head{
    background: #B9BEC1 url(    "../img/bg-block-head.gif" ) repeat-x;
    padding: .7em 1em;
    cursor: pointer;
}

#content .block .head h3, #content .block .head h4, #content div.block div.content div.head h3, #nav-sub-extranet div.block div.head h3 {
    color: #FFF;
    font-size: 1.4em;
    margin: 0;
}

body.extranet .block a {
    color: #2476BB;
}

body.extranet .block a:hover {
    color: #09C;
}

/*-  Priority Blocks
----------------------------------------------------------------------*/
#content .block-priority .head, #nav-sub-extranet .block-priority .head {
    background: #CDBEAD url(    "../img/bg-block-head-priority.gif" ) repeat-x;
}

#content .block-priority .head h3, #content .block-priority .head h4 {
    font-size: 1.7em;
}

.block .content {
    background: url(    "../img/bg-curved-box.png" ) no-repeat 0% 100%;
    line-height: 1.6;
    margin: 0 10px 0 0;
    padding: 10px 0 10px 10px;
}

.block .content p {
    margin-top: 0;
}

.block .block-floating {
    float: left;
    width: 200px;
    margin: 15px;
    font-size: .85em;
}

body.extranet-sub #content-main .block .content {
    padding: 25px 35px 25px 35px;
    font-size: 1.1em;
}

/*-  Table Styles for Blocks
----------------------------------------------------------------------*/
.required {
    color: #A33;
}

.italic-headers th{
	font-style:italic;
	font-weight:normal;
}

.block table th {
    padding-right: 2.5em;
    font-weight: normal; /*width: 8em;*/
    font-style: italic;
}

.block table p {
    margin-bottom: 0;
}

.block table p cite {
    display: block;
}

.block table p.action {
    clear: left;
    margin-top: 1em;
}

.block table caption, .tableCaption {
    font: normal 1.5em Helvetica, Arial, Verdana, Geneva, sans-serif;
    color: #A33;
    text-align: left;
}

#content .block .action img {
    float: left;
    padding: 0 5px;
    border: none;
    vertical-align: baseline;
}

#content .block .action img.inline {
    float: none;
}