/**
 * Barooha
 * Copyright © 2010 Petro M. Salema.
 * petro@petrosalema.com
 *
 * #DC0A0A
 */

/* Global Reset
============================================================ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }


/* Base Normalize
============================================================ */
h1 { /* 18px */ font-size:138.5%; }
h2 { /* 16px */ font-size:123.1%; }
h3 { /* 14px */ font-size:108%; }
h1,h2,h3 { margin:1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { /* indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em { font-style:italic; }
blockquote,ul,ol,dl { margin:1em; }
ol,ul,dl { margin-left:2em; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th,td {
	border:1px solid #000;
	padding:.5em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table { margin-bottom:1em; }
div { position:relative; }
ul li { list-style:none inside; }
ul { margin:0; }

/* Base Elements
============================================================ */
input, select, textarea {
	width:200px;
	margin:0;
	padding:4px;
	border:1px solid #cecece;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=f0f1f5&c2=fff&h=6) repeat-x left top;
	color:#494a4c;
	font-weight:bold;
	font-family:Arial;
}

/* Base Classes
============================================================ */
.right:after
{
	display:block;
	content:"";
	clear:both;
	height:0;
	visibility:hidden;
}
.align-center { text-align:center; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }
.align-middle { vertical-align:middle; }
.float-left { float:left; }
.float-right { float:right; }
.inline { display:inline; }
.block { display:block; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.normal { font-weight:normal; }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.hidden, .visibile { display:none; }
.clear {
	clear:both;
	float:none;
	font-size:0;
}
.uppercase { text-transform:uppercase; }
.normalcase { text-transform:none; }
.red-text { color:#d34; }
.translucent {
	opacity:.5;
	filter:alpha(opacity=50);
}
.absolute { position:absolute; }
.fixed { position:fixed; }
.nowrap { white-space:nowrap; }
.underlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600%;
	opacity:.25;
	filter:alpha(opacity=25);
}
.checkbox {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	background:none;
}
.breaker {
	height:1px;
	margin:10px 0;
	padding:0;
	background:#d4dae4;
	border-bottom:1px solid #fff;
	font-size:0;
	line-height:100%;
}
.defaultBtn {
	display:block;
	width:70px;
	margin:0 5px;
	padding:5px 0;
	border:0;
	background:transparent url(../images/button.png) no-repeat scroll center top;
	color:#525e71;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
a.defaultBtn:hover { color:#6f97b1; }
input.defaultBtn { padding:4px 0 8px; }


/* Animation helper
============================================================ */
.animating, .animating * {
	overflow:hidden;
	white-space:nowrap;
}


/* Layout
============================================================ */
#search {
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-opera-border-radius:15px;
	background:url("../images/search.png") no-repeat 7px center;
	padding-left:30px;
}
#username {
	float:right;
	padding-top:4px;
	color:#777;
	font-size:13px;
}
#container {
	width:980px;
	margin:0 auto;
}
#topModule {
	height:60px;
	margin:10px 0 5px;
}
.leftModule {
	float:left;
	width:150px;
	-moz-box-shadow:0.3em 1em 1em rgba(0, 0, 0, 0.3);
}
.rightModule {
	float:right;
	width:780px;
	-moz-box-shadow:0.3em 1em 1em rgba(0, 0, 0, 0.3);
}
#bottomModule {
	padding:20px 0;
	color:#adc0C8;
	text-align:center;
}
#bottomModule ul {
	display:inline-block;
	margin:0;
	padding:0;
}
#bottomModule li {
	float:right;
	padding:2px 4px;
}
#bottomModule li a {
	display:block;
	padding-right:8px;
	border-right:1px solid #9db0b8;
	color:#adc0C8;
	font-weight:normal;
}
#bottomModule a:hover { color:#fff; }
#bottomModule li.lastElement a { border-width:0; }
#bottomShadow {
	z-index:9999;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:18px;
	background:transparent url(http://www.petrosalema.com/util/gradient_alpha?c=000000&a1=0&a2=10&w=1&h=18) repeat-x;
	background:transparent url(../images/footerShadow.png) repeat-x bottom left;
	opacity:0.4;
	filter:alpha(opacity=40);
}
#logoContainer {
	color:#f34;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	opacity:.75;
	filter:alpha(opacity=75);
}
div#logoContainer { width:170px; }
#logoContainer img { margin:10px auto; }
#loadingAppPlaceHolder {
	padding:100px 0;
	text-align:center;
	color:#adc0c8;
}


/* Tabs
============================================================ */
ul#tabs {
	height:24px;
	padding:0 0 0 4px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=e4ebf3&h=16) repeat-x left bottom;
	border-bottom:1px solid #adc0c8;
	font-size:11px;
}
ul#tabs li {
	float:left;
	position:relative;
	height:24px;
	overflow:hidden;
	margin:0 1px -2px;
}
ul#tabs li div {
	display:block;
	overflow:hidden;
	background-image:url(../images/tab_right.gif);
	background-repeat:no-repeat;
	background-position:right 24px;
	text-decoration:none;
	white-space:nowrap;
	cursor:default;
}
ul#tabs li div span {
	display:block;
	overflow:hidden;
	margin-right:16px;
	padding:6px 0 4px 10px;
	background-image:url(../images/tab_left.gif);
	background-repeat:no-repeat;
	background-position:left 24px;
	color:#86898f;
}
ul#tabs li.hover div { background-position:right -50px; }
ul#tabs li.hover div span {
	background-position:left -50px;
	color:#8da0a8;
}
ul#tabs li.current { border-bottom:1px solid #fff; }
ul#tabs li.current div { background-position:right 0; }
ul#tabs li.current div span {
	background-position:left 0;
	color:#46494f;
	font-weight:bold;
}
ul#tabs li a.btn {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:5px;
	right:7px;
	width:16px;
	height:16px;
	background:transparent url(../images/closeBtn.png) no-repeat 0 0;
	text-align:center;
}
ul#tabs li.hover a.btn  {
	opacity:.2;
	filter:alpha(opacity=20);
}
ul#tabs li.hover a.btn:hover {
	opacity:.4;
	filter:alpha(opacity=40);
	background-position:0 -16px;
}
ul#tabs li.current a.btn {
	opacity:.6;
	filter:alpha(opacity=60);
}
ul#tabs li.current a.btn:hover {
	opacity:.8;
	filter:alpha(opacity=80);
}
ul#tabs li .tabServiceIcon {
	width:16px;
	height:16px;
	margin:-2px 6px 0 0;
	vertical-align:middle;
}

/* Ribbons
============================================================ */
#ribbons {
	z-index:9999;
	width:778px;
	min-height:42px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=cde0e8&h=30) repeat-x left bottom;
	border:1px solid #adc0c8;
	border-top:0;
}
ul.ribbon {
	margin:0 5px;
	padding:0 0;
}
ul.ribbon li {
	position:relative;
	float:left;
	margin:4px 2px;
	padding:3px;
	font-size:12px;
	text-align:center;
}
ul.ribbon li a {
	display:block;
	padding:6.5px 10px;
}
ul.ribbon li a:hover {
	margin:-1px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=e5ecf4&c2=fff&h=10) repeat-x left 1px; 
	border:1px solid #bbb;
}
ul.ribbon li a img, .msgTableCntrls img {
	width:16px;
	height:16px;
	vertical-align:middle;
}
a .dropdownArrow {
	padding-right:16px;
	background-image:url(../images/dropdownArrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
ul.ribbon li.disabled a:hover {
	margin:0;
	background:transparent;
	border:0;
	color:#3f6781;
	cursor:default;
}
ul.ribbon li.open {
	margin:5px 2px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=e5ecf4&c2=fff&h=10) repeat-x left 1px; 
	border:1px solid #bbb;
}
ul.ribbon li.open a {
	padding:5px 9px 3px;
	background:#174361 url(http://www.petrosalema.com/util/gradient?c1=3f6781&c2=174361&w=1&h=20) repeat-x left top;
	border:0;
	color:#fff;
}
ul.ribbon li.open a:hover { margin:0; }
ul.ribbon li.open li a {
	background:transparent;
	color:#3d5058;
}
ul.ribbon li.disabled a,
ul.ribbon li.disabled a:hover { color:#cde0e8; }
ul.ribbon li.disabled a img {
	opacity:.25;
	filter:alpha(opacity=25);
}
ul.ribbon li.disabled div.dropdown a { cursor:default; }

.contactslist {
	z-index:999;
	position:absolute;
	width:400px;
}
div.dropdown.contactslist ul li { width: 376px; }
div.dropdown.contactslist input.inputField { width: 368px; }

.contactslist .dboxTopShadow, .contactslist .dboxBottomShadow { background-image:none; }

/* Dropdown
============================================================ */
ul.ribbon div.dropdown {
	position:absolute;
	top:23px;
	left:-5px;
	overflow:hidden;
	text-align:left;
	line-height:140%;
}
ul.ribbon div.dropdown a {
	display:block;
	padding:2px 6px;
	white-space:nowrap;
}
div.dropdown ul {
	position:relative;
	float:none;
	overflow-x:hidden;
	overflow-y:scroll;
	text-align:left;
}
div.dropdown ul li {
	float:none;
	width:176px;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none outside;
	text-align:left;
}
div.dropdown ul li.breaker {
	height:1px;
	margin:3px 1px 3px 0;
	padding:0;
	background:#d4dae4;
	border-bottom:1px solid #fff;
	font-size:0;
	line-height:100%;
}
div.dropdown ul li a {
	position:relative;
	display:block;
	padding:2px 6px;
	white-space:nowrap;
	color:#66696f;
	font-weight:normal;
}
div.dropdown ul li a:hover {
	background:#174361 url(http://www.petrosalema.com/util/gradient?c1=3f6781&c2=174361&w=1&h=20) repeat-x left top;
	color:#fff;
}

div.dropdown ul li a b { background:#fe6; }
div.dropdown ul li a:hover b {
	background:transparent;
	color:#fe6;
}
div.dropdown ul li.dropdownItemDisabled { display:none; }
div.dropdown ul li.dropdownSystemFolder a { font-weight: bold; }
input.inputField {
	width:165px;
	height:14px;
	margin-bottom:3px;
}
.autocompleteError {
	width:auto;
	height:auto;
	overflow:hidden;
	border:0;
	color:#66696f;
	font-size:13px;
	text-align:left;
}
div.dropdown ul li a.autocompleteSelected ,
div.dropdown ul li a.autocompleteSelected:hover {
	background:#2f5771;
	color:#afd7f1;
}
div.dropdown ul li a.autocompleteSelected  b { color:#66696f; }
div.dropdown ul li a.autocompleteSelected:hover b { color:#fe6; }

.createMatchButton {
	width:172px;
	margin:3px auto 0;
}

#modules { background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=d4dbe3&h=160&w=20) repeat-x left bottom; }

.module {
	width:100%;
	background:#fff;
}
.module .placeholderBody {
	width:100%;
	height:130px;
	padding:100px 0 0;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=d4dbe3&c2=fff&h=12) repeat-x left top;
	color:#96999f;
	font-size:14px;
	text-align:center;
}
.module .placeholderBody img { vertical-align:middle; }
.module .msgFrame {
	width:100%;
	height:600px;
	background:#c4cbd3 url(http://www.petrosalema.com/assets/gradient?c1=a4abb3&c2=c4cbd3&h=8) repeat-x left top;
	border-top:1px solid #8da0a8;
}

/* Message Table
============================================================ */
.msgTableHolder {}
.msgTable {
	width:780px;
	margin:0;
	table-layout:fixed;
}
.msgTable.IE { width:auto; }
.msgTable tr {
	background:#fff;
	border:1px solid #e4eaf4;
	color:#66696f;
	cursor:default;
}
.msgTable tr.msgUnread {
	background:#edf3fe;
	background:#f1f6fe;
	color:#46494f;
	font-weight:bold;
}
.msgTable tr.msgRowOver {
	background:#174361 url(http://www.petrosalema.com/util/gradient?c1=3f6781&c2=174361&w=1&h=20) repeat-x left top;
	border-bottom:1px solid #164260;
	color:#fff;
}
.msgTable tr.msgSelected {
	background:#2f5771;
	border-bottom:1px solid #3f6781;
	color:#afd7f1;
}
.msgTable tr.msgTableHeader, .msgTable tr.msgRowOver.msgTableHeader {
	background:#7f9db9;
	background:#acb9cb url(http://www.petrosalema.com/util/gradient?c1=acb9cb&c2=6e85a3&w=1&h=25) repeat-x left bottom;
	border:0;
	border-left:1px solid #8da0a8;
	border-right:1px solid #8da0a8;
	color:#fff;
}
.msgTable tr.msgTableHeader td, .msgTable tr.msgTableHeader.msgRowOver td {
	border-bottom:1px solid #6d8088;
	font-weight:bold;
	cursor:default;
}
.msgTable td {
	overflow:hidden;
	height:16px;
	margin:0px;
	padding:4px;
	border:0;
	/* border-bottom:1px solid #e4eaf4; */
	font-size:12px;
	vertical-align:middle;
	white-space:nowrap;
	cursor:pointer;
}

.msgTable td.msgChk {
	width:16px;
	text-align:center;
}
.msgTable td.msgIco {
	width:20px;
	text-align:center;
}
.msgTable td.msgStr {
	width:16px;
	text-align:center;
}
.msgTable td.msgFrm { width:150px; }
.msgTable td.msgSbj { width:410px; }
.msgTable td.msgAtt {
	width:16px;
	text-align:center;
}
.msgTable td.msgDat { width:64px; text-align:right; }
.msgTable td.msgQR   { width:20px; }

.msgTable td.msgIco nobr { width:20px;  }
.msgTable td.msgChk nobr { width:16px;  }
.msgTable td.msgAtt nobr { width:16px;  }
.msgTable td.msgFrm nobr { width:150px; }
.msgTable td.msgSbj nobr { width:410px; }
.msgTable td.msgSbj nobr b {
	font-weight:normal;
	color:#96999f;
}
.msgTable tr.msgRowOver td.msgSbj nobr b,
.msgTable tr.msgSelected td.msgSbj nobr b { color:#6f97b1; }
.msgTable td.msgDat nobr { width:64px;  }
.msgTable td.msgQR   nobr { width:20px;  }
.msgTable td.msgStr nobr {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/star.png) no-repeat 0 0;
}
.msgTable td.msgStr.msgStarred nobr { background-position:0 -16px; }
.msgTable td.msgChk { padding-top:5px; }

.msgTableCntrls {
	padding:6px;
	color:#96999f;
	font-size:13px;
}
.msgTableCntrls.topSlot  {
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=d4dbe3&h=20) repeat-x left bottom;
	border:1px solid #8da0a8;
	border-top:0;
}
.msgTableCntrls.bottomSlot  {
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=d4dbe3&c2=fff&h=16) repeat-x left top;
	border-top:1px solid #adc0c8;
}
.msgBoxInfo {
	float:left;
	padding:2px;
	margin-top:2px;
}
.msgBoxRefresh {
	margin-right:8px;
	padding-right:8px;
	border-right:1px solid #adc0c8;
}
.msgBoxFeedback , .msgBoxServicesList {
	width:620px;
	font-size:11px;
}
.msgBoxServicesList a { font-weight:normal; }
.msgBoxServicesList a.disabled { text-decoration:line-through; }

img.msgServiceIcon {
	width:16px;
	height:16px;
	vertical-align:middle;
}
a.pageBtn {
	display:block;
	float:left;
	width:23px;
	height:23px;
	margin-left:4px;
	overflow:hidden;
	background-image:url(../images/prevNextBtns.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}
a.pageBtn.prevBtn, a.pageBtn.disabled.prevBtn:hover { background-position:0 0; }
a.pageBtn.nextBtn, a.pageBtn.disabled.nextBtn:hover { background-position:-23px 0; }
a.pageBtn.prevBtn:hover { background-position:0 -23px; }
a.pageBtn.nextBtn:hover { background-position:-23px -23px; }
a.pageBtn.disabled {
	opacity:.25;
	filter:alpha(opacity=25);
	cursor:default;
}

/* listBlocks
============================================================ */
.listBlock {
	width:100%;
	overflow:hidden;
	padding:4px 0;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=e5ecf4&c2=fff&h=50) repeat-x left 1px;
	border-top:1px solid #adc0c8;
}
.listBlock.listBlockBtns {
	padding:0 0 4px 0;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=e4ebf3&h=10) repeat-x left bottom;
	border:0;
}
.listBlock.listBlockBtns a { font-size:10px; }
.listBlockItem {
	padding-bottom:4px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=e4ebf3&h=16) repeat-x left bottom;
}
.listBlockItem  a { font-size:11px; }
.listBlock img { vertical-align:middle; margin-right:4px; }
a.expandLink {
	display:block;
	padding-left:6px;
	background:transparent url(../images/arrow_down.png) no-repeat right bottom;
	color:#35464f;
	color:#394B69;
	color:#174361;
}
a.expandLink.collapsed { background-image:url(../images/arrow_right.png); }
.listBlock img.expandLink, .listBlock img.serviceIcon {
	width:16px;
	height:16px;
	margin:0 8px 0 0;
	vertical-align:middle;
}
.listBlock a { font-size:11px; }
.listBlock ul {
	margin:2px 0 0 0;
	padding:0;
	border-top:0px solid #adc0c8;
}
.listBlock ul li {
	position:relative;
	width:100%;
	overflow:hidden;
	list-style:none outside;
}
.listBlock ul a {
	display:block;
	position:relative;
	padding:4px 6px;
	font-weight:normal;
	white-space:nowrap;
}
.listBlock ul img {
	width:16px;
	height:16px;
	margin-right:4px;
	vertical-align:middle;
}
.listBlock ul a:hover {
	background:#174361 url(http://www.petrosalema.com/util/gradient?c1=3f6781&c2=174361&w=1&h=20) repeat-x left top;
	color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
}
.listBlock ul a span { margin-left:4px; } /* TODO: Requires IE fix */
.listBlock ul li.fullFolder a ,
ul#servicesList li a { font-weight:bold; }

ul#servicesList li.disabled {
	opacity:.25;
	filter:alpha(opacity=25);
	text-decoration:line-through;
}

/* Compose view
============================================================ */
table.composeViewHeaders {
	width:100%;
	margin:0;
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}
table.composeViewHeaders td {
	margin:0;
	padding:0;
	border:none;
}
.shadingTop, .shadingBottom {
	width:100%;
	height:10px;
	font-size:10px;
}
.shadingTop { background:#c4cbd3 url(http://www.petrosalema.com/assets/gradient?c1=a4abb3&c2=c4cbd3&h=8) repeat-x left top; }
.shadingBottom { background:#c4cbd3 url(http://www.petrosalema.com/assets/gradient?c1=c4cbd3&c2=a4abb3&h=8) repeat-x left bottom; }

.composeForm { background:#c4cbd3; }
.composeField {
	padding:3px;
	background:#fff;
	/* border-bottom:1px solid #f2f2f2; */
	color:#a4abb3;
	font-weight:bold;
	font-size:13px;
}
.composeFieldNoBorder { border:0; }
.composeLabel {
	float:left;
	width:90px;
	padding-top:4px;
	text-align:right;
	margin-right:5px;
}
.composeField input, .composeField select, .composeField textarea,
.composeArea textarea, .composeField .attachmentField {
	width:525px;
	height:16px;
	/* border:0; */
	/* border-left:1px solid #e0e0e0; */
	/* background:#fff url(http://www.petrosalema.com/assets/gradient?c1=f3f4f9&c2=fff&h=1&w=6&o=y) repeat-y left top; */
	line-height:1.5em;
	font-size:11px;
}
.composeField select {
	width:535px;
	height:26px;
	padding-top:2px;
	padding-bottom:0;
	font-size:16px;
}
.composeField textarea { overflow-y:auto; }
.composeArea {
	width:100%;
	margin:0 auto;
	background:#fff;
}
.composeArea textarea {
	width:702px;
	height:280px;
	padding:8px;
	background:#fff;
	border:1px solid #e4ebf3;
	color:#3f6781;
	color:#333;
	font-weight:normal;
	font-size:16px;
	font-family:Courier New, monospace;
	line-height:1em;
}
.composeField input.error { background:red; }
.composeField  .attachHandle, .composeField .attachmentField { height:auto; }
.composeField .attachmentField input { border:0; }
.editorHidden {
	opacity:.0;
	filter:alpha(opacity=0);
}


/* Header rounders
============================================================ */
.msgHrCrnrsT td, .msgHrCrnrsB td {
	width:30px;
	height:12px;
	background:#c4cbd3 url(../images/msg_hr_crnrs.png) no-repeat;
}
.msgHrCrnrsT td.msgHrCrnrsL { background-position:8px 0; }
.msgHrCrnrsT td.msgHrCrnrsR { background-position:-8px 0; }
.msgHrCrnrsB td.msgHrCrnrsL { background-position:8px -20px; }
.msgHrCrnrsB td.msgHrCrnrsR { background-position:-8px -20px; }
td.msgHrCrnrsM {
	width:auto;
	background:#c4cbd3 url(../images/msg_hr_edge_x.png) repeat-x;
}
.msgHrCrnrsT td.msgHrCrnrsM { background-position:0 0; }
.msgHrCrnrsB td.msgHrCrnrsM { background-position:0 -20px; }
td.msgHrEdgeL { background:#c4cbd3 url(../images/msg_hr_edge_y.png) repeat-y 8px 0; }
td.msgHrEdgeR { background:#c4cbd3 url(../images/msg_hr_edge_y.png) repeat-y -8px 0; }

.attachmentField form { margin-bottom:10px; }
.attUploadingPlaceHolder { padding:2px 0; }
.attUploadingPlaceHolder div { width:500px; }
.attUploadingPlaceHolder div { width:500px; }
.attUploadingPlaceHolder .attName {
	margin:0 5px;
	color:#a4abb3;
	font-size:12px;
	line-height:1em;
}
.attUploadingPlaceHolder a.attCloseBtn {
	opacity:.5;
	filter:alpha(opacity=50);
	display:block;
	float:left;
	width:16px;
	height:16px;
	overflow:hidden;
	background:transparent url(../images/closeBtn.png) no-repeat 0 0;
	text-indent:-100px;
}
.attUploadingPlaceHolder a.attCloseBtn:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

/* Rounded corners
============================================================ */
* html .outerBox, * html .innerBox { height:1px; } /* IE6 layout fix */
.outerBox {
	margin:10px 0;
	padding:0 9px;
	margin:10px 0;
	padding:0 9px;
	background:#fff;
	border:1px solid #fff; /* Stop margins collapse */
}
.innerBox {
	min-height:0; /* IE7 fix */
	padding:10px 0;
	margin:-10px 0;
	background:#fff;
}
.roundersT, .roundersB {
	height:10px;
	margin:-10px -10px 0;
	background:url(http://www.petrosalema.com/assets/circle_20_0_fff.png) no-repeat left top;
}
.roundersB {
	margin:0 -10px -10px;
	background-position:left bottom; 
}
.roundersT span, .roundersB span {
	display:block;
	height:10px;
	font-size:10px; /* IE6 fix */
	background:url(http://www.petrosalema.com/assets/circle_20_0_fff.png) no-repeat right top;
}
.roundersB span { background-position:right bottom; }

/* Modal
============================================================ */
.modalSpace {
	width:100%;
	height:100%;
}
.modalOverlay {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	width:100%;
	height:100%;
	opacity:.5;
	filter:alpha(opacity=50);
	/* z-index:99999999; FIXME */
}
#modalHolder {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999999;
	cursor:default;
}
.modalSpace li {
	list-style:disc inside;
	margin:.2em;
}
.modalSpace p { margin:.5em 0; }


/* mbox
============================================================ */
.shadowWrapperLeft {
	background:url(../images/shadowWrapperSides.png) no-repeat left 0px;
	padding-left:10px;
}
.shadowWrapperRight {
	background:url(../images/shadowWrapperSides.png) no-repeat right 0px;
	padding-right:10px;
}
.shadowWrapperBottomLeft {
	height:13px;
	background:url(../images/shadowWrapperBottom.png) no-repeat left -7px;
	font-size:0;
	line-height:0;
}
.shadowWrapperBottomRight {
	height:13px;
	margin-left:20px;
	background:url(../images/shadowWrapperBottom.png) no-repeat right bottom;
}

.mbox {
	position:relative;
	width:400px;
	margin:0 auto;
}
.mbox h1 {
	margin:0 0 6px;
	padding:0;
	font-weight:normal;
	font-size:18px;
}
.mbox textarea {
	width:348px;
	height:50px;
	margin:10px 0 0;
}
.mbox textarea.tall { height:100px; }
.mbox .breaker {
	height:1;
	overflow:hidden; /* Sigh... IE */
	margin:10px 0;
	padding:0;
	background:#d4dae4;
	border-bottom:1px solid #fff;
	font-size:0;
	line-height:0;
}
.mbox .defaultBtn { margin:0; }
.mboxContent {
	overflow:hidden;
	padding:10px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=eaebef&h=150) repeat-x left bottom; 
	border:1px solid #8f8f8f;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
	text-shadow:0.1px 0.1px 1px #ccc;
}

.dboxContent {
	margin:10px 8px 0;
	padding:5px;
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=eaebef&h=150) repeat-x left bottom; 
	border:1px solid #bbb;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
}

.dbox {
	width:210px;
	margin-left:-7px;
}
.dbox .shadowWrapperLeft { padding-left:3px; }
.dbox .shadowWrapperRight { padding-right:3px; }
.dbox .shadowWrapperBottomLeft { height:13px; }
.dbox .shadowWrapperBottomRight {
	height:13px;
	margin-left:20px;
}

.mbox.bigBox {
	width:850px;
	margin:30px auto;
}
.bigBox h1 {
	margin:0 0 10px;
	color:#333;
	color:#494a4c;
	font-weight:bold;
	font-size:20px;
	font-family:"Arial Rounded MT Bold";
	font-family:Arial;
}
.bigBox .breaker { margin-top:0; }
.bigBox .mboxContent {
	padding:0 0 10px;
	/* background:#f2f3f7 url(http://www.petrosalema.com/assets/gradient?c1=f4f5f9&c2=e0e1e5&h=150) repeat-x left bottom; */
}
.bigBox .defaultBtn { margin:0 0 0 10px; }

.modalManagerTop {
	height:60px;
	overflow:hidden;
	border-top:1px solid #bac4ce;
	border-bottom:1px solid #677482;
	background:#8191a3 url(http://www.petrosalema.com/assets/gradient?c1=aab7c4&c2=8191a3&h=60) repeat-x;
	border:1px solid #cce2f8;
	border-bottom:1px solid #8999be;
	background:#b8cce4 url(http://www.petrosalema.com/assets/gradient?c1=b8cce4&c2=a0b0d0&h=60) repeat-x;
}
.modalManagerTitle {
	position:absolute;
	top:16px;
	right:20px;
	color:#466380;
	font-weight:bold;
	font-size:22px;
}
.modalManagerContent {
	width:100%;
	background:#335065 url(http://www.petrosalema.com/assets/gradient?c1=335065&c2=163350&w=6&o=y) repeat-y 194px 0;
	color:#797a7c;
	font-size:14px;
}
.modalManagerLeft {
	float:left;
	width:200px;
	font-size:12px;
	text-shadow:0.1px 0.1px 0.5px #ccc;
}
.modalManagerRight {
	float:right;
	width:588px;
	padding:20px;
	background:#f4f5f9 url(http://www.petrosalema.com/assets/gradient?c1=f4f5f9&c2=e0e1e5&h=150) repeat-x left bottom;
	border-top:1px solid #fff;
}
.modalManagerLeft ul { border-bottom:1px solid #264360; }
.modalManagerLeft ul li {
	margin:0;
	list-style:none outside;
}
.modalManagerLeft ul li a.sys {
	padding:10px 0;
	font-size:16px;
	text-indent:10px;
}
.modalManagerLeft ul li a {
	display:block;
	height:1em;
	overflow:hidden;
	margin:0;
	padding:10px;
	background:#466380 url(http://www.petrosalema.com/assets/gradient?c1=466380&c2=264360&w=6&o=y) repeat-y 194px 0;
	border-top:1px solid #567390;
	border-bottom:1px solid #365370;
	color:#aab7c4;
	font-weight:bold;
}
.modalManagerLeft ul li a:hover {
	border-top:1px solid #466380;
	border-bottom:1px solid #264360;
	border-bottom:1px solid #2c4966;
	border-bottom:1px solid #304d6b;
	background:#365370 url(http://www.petrosalema.com/assets/gradient?c1=365370&c2=163350&w=6&o=y) repeat-y right center;
	color:#fff;
}
.modalManagerLeft ul li a.selected,
.modalManagerLeft ul li a.selected:hover {
	background:transparent;
	border-top:1px solid #264360;
	border-bottom:1px solid #264360;
	color:#fff;
}

#srvcMgr_delete {
	padding-right:10px;
	border-right:1px solid #d4dae4;
}
.srvcDisabled {
	color: #aaa;
	text-decoration:line-through;
}
.fldrMgrDetails  { margin-top:10px; }

.modalBtns { width:100%; }
.modalManagerBtns {
	float:right;
	margin-right:10px;
}
.modalBtns .modalManagerBtns { margin-right:30px; }
.modalManagerFeedback {
	float:right;
	padding:5px 20px;
	font-weight:bold;
}

.modalBlock {
	margin-top:16px;
	padding:10px;
	border:1px solid #d4d4d4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	background:#fff;
	font-weight:bold;
}
.modalBlockLabel {
	float:left;
	width:120px;
	padding:4px 0;
	color:#898a8c;
	font-weight:normal;
	text-align:right;
}
.modalBlockField {
	float:right;
	width:440px;
	color:#333;
	color:#494a4c;
}
.modalBlockField .modalBlockInnerLabel {
	color:#898a8c;
	font-weight:normal;
}
.modalBlockField input, .modalBlockField textarea {
	width:430px;
	margin:0;
}
.modalBlockField select { width:440px; }
.modalBlockField .checkbox {
	width:auto;
	margin:4px;
}
.modalBlockField input.tinyInput { width:30px; }
.modalBlockField input.shortInput, .modalBlockField select.shortInput {
	float:left;
	width:350px;
}
input.bigInput { width:470px; }

#progressBar {
	background:#fff url(http://www.petrosalema.com/assets/gradient?c1=e6e7ec&c2=fff&h=6) repeat-x left top;
	border:1px solid #cecece;
	padding:1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
}
#progressBar div {
	width:0%;
	height:30px;
	background:#b8cce4 url(http://www.petrosalema.com/assets/gradient?c1=b8cce4&c2=a0b0d0&h=30) repeat-x 0 0;
	border:0px solid #fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
	/*
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius-top-right:0;
	-webkit-border-radius-bottom-right:0;
	-opera-border-radius-top-right:0;
	-opera-border-radius-bottom-right:0;
	*/
}
#progressBar div.end {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-opera-border-radius:2px;
}

#cntctMgrContactToAddList {
	width:566px;
	height:70px;
	padding-top:2px;
	border-top:1px solid #e0e1e5;
	overflow-y:scroll;
	white-space:wrap;
}
#cntctMgrContactToAddList a {
	display:inline-block;
	margin:2px 4px 2px 0;
	padding:5px;
	background:#f0f1f5;
	border:1px solid #e0e1e5;
	font-size:10px;
}
#cntctMgrContactToAddList a:hover {
	background:#3f6781;
	color:#f0f1f5;
	text-decoration:line-through;
}

#cntctMgrContactList {
	height:180px;
	border-top:1px solid #e0e1e5;
	overflow-y:scroll;
}
#cntctMgrContactList li {
	list-style:none outside;
	margin:0;
}
#cntctMgrContactList a {
	display:block;
	padding:3px 6px;
	font-weight:normal;
}
#cntctMgrContactList a:hover {
	background:#174361 url(http://www.petrosalema.com/util/gradient?c1=3f6781&c2=174361&w=1&h=20) repeat-x left top;
	color:#fff;
}
#cntctMgrContactList a span { color:#797a7c; }
#cntctMgrContactList a:hover span { color:#fff; }
#cntctMgrContactList a.selected, #cntctMgrContactList a.selected:hover {
	background:#2f5771;
	color:#afd7f1;
}
#cntctMgrContactList a.selected span { color:#afd7f1; }
#cntctMgrContactList a.selected:hover span { color:#afd7f1; }

.error, .modalBlockError {
	margin-top:10px;
	padding:5px;
	background:#d34;
	color:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-opera-border-radius:4px;
}
.error.success, .modalBlockError.success {
	background:#5c5;
	color:#fff;
}
.error.neutral, .modalBlockError.neutral {
	background:none;
	color:#494a4c;
}

img.loadingGif { vertical-align:middle; }


/* Alert box
============================================================ */
#alertBox {
	z-index:9999999;
	position:fixed;
	bottom:10px;
	right:10px;
	cursor:default;
}
#alertBox .alertBoxText {
	margin:-2px;
	padding:0 4px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
#alertBox #alertBoxMsg {
	position:absolute;
	top:1px;
	left:0;
	margin:8px;
	color:#fff;
}
#alertBox .outerBox {
	/* DOESN'T WORK!!! filter:alpha(opacity=70); */
	opacity:.7;
	background-color:#000;
	border-color:#000;
}
#alertBox .innerBox { background-color:#000; }
#alertBox .roundersT, #alertBox .roundersB, #alertBox .roundersT span, #alertBox .roundersB span
{ background-image:url(http://www.petrosalema.com/assets/circle_20_0_000.png); }


/* Text & Links
============================================================ */
body {
	background:#95d0f0 url(http://www.petrosalema.com/assets/gradient?c1=fff&c2=95d0f0&h=200) repeat-x;
	background:#adc0c8 url(http://www.petrosalema.com/assets/gradient?c1=6D8088&c2=adc0c8&h=200) repeat-x;
	background:#b12024 url(http://www.petrosalema.com/assets/gradient?c1=910004&c2=b12024&h=60) repeat-x;
	background:#414f67 url(http://www.petrosalema.com/assets/gradient?c1=70819f&c2=414f67&h=100) repeat-x;
	background:#fff url(../images/bg_noise.jpg);
	/* background:#000 url(http://www.microsoft.com/global/surface/en/us/PublishingImages/Masterpage/background_top.jpg) no-repeat; */
	/* #50617f */
	/* background:#fff url(http://quicken.intuit.com/images/pg-bg.jpg) no-repeat center top; */
	/* background:#174361 url(../images/bg.gif) no-repeat top center; */
	color:#35464f;
	font-size:13px;
	font-family:_Calibri_, Arial, sans-serif;
	text-shadow:0.1px 0.1px 0.5px #ccc;
}
a {
	color:#3f6781;
	font-weight:bold;
	text-decoration:none;
}
a:hover { color:#6f97b1; }


.rndTabHolder {
	position:relative;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:10px;
}
.listBlock li .rndTabHolder  {
	position:absolute;
	right:5px;
	top:3px;
}
.bubbleWrap {
	position:relative;
	font-weight:bold;
	font-size:10px;
}
.listBlock li .bubbleWrap {
	position:absolute;
	display:block;
	right:5px;
	top:3px;
	line-height:14px;
}
.rndTabStart, .rndTabEnd {
	height:14px;
	background:transparent url(../images/bubble.gif) no-repeat scroll 0 -28px;
}
.rndTabStart {
	display:block;
	padding:0 6px;
}
.rndTabEnd {
	position:absolute;
	display:block;
	right:0;
	top:0;
	width:6px;
	background-position:0 -42px;
}