/* ----------------------------------------------- *\
 General styles
\* ----------------------------------------------- */
html { overflow: -moz-scrollbars-vertical; }  /* added for those whom can't stand page shifts */

body { 
	background: #E8EFF5 url('../img/content_bg.gif') top left repeat-x;
	border-top-width: 0px;
	font-family: verdana;
	font-size: 11px; }

.container_12,
.container_16 {
	background: transparent; }
	
a { color: #0085C5; font-weight: normal; }
a:hover { color: #4FC9FF; }
a:active { color: #DF6237; }

dd, dt, dl { padding: 0; margin: 0; }

div.blocked { display: block; float: left; padding: 0; margin: 0; }

body > div.jGrowl.top-right {
	top: 65px; }

h3 sub { font-size: 50%; padding-left: 10px; }

ul.simpleList, 
ul.simpleList li { list-style-type: none; margin: 0; padding: 0; }
ul.simpleList li label { float: left; display: block; width: 50px; }

ul.tagList { list-style-type: none; margin: 0; padding: 0; }
ul.tagList li { margin: 0; padding: 0 10px 0 0; float: left; display: block; }
ul.tagList li a { text-decoration: underline; }
ul.tagList li img { margin: 0 0 3px 3px; vertical-align: bottom; }


ul.Zend_Tag_Cloud { list-style-type: none; padding: 2px; line-height: 3em; margin: 0; }
ul.Zend_Tag_Cloud li { float: left; }
ul.Zend_Tag_Cloud a { padding: 0px; display: block; }
ul.Zend_Tag_Cloud a sub { font-size: 60%; color: #666; padding-left: 2px; }

.tagSelector {  }
.tagSelector ul.tagList { display: block; }

.tagSelector .newTagHolder { margin-top: 5px; display: block; vertical-align: middle; }
.tagSelector .newTagHolder select { width: 150px; }
.tagSelector .newTagHolder input { margin-left: 10px; padding: 2px; width: 150px; font-size: 10px; }

img.delete {
	background: transparent url("../img/delete_circle.gif") top left no-repeat;
	height: 11px;
	width: 11px;
	cursor: pointer;
	position: relative;
	top: 2px; }
img.delete.gray { background-position: 0 -11px; }
img.delete.red { background-position: 0 -22px; }
img.delete.blue { background-position: 0 -33px; }


.noteList label { font-size: 11px; font-weight: bold; }
.noteList span { display:block; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }


/* ----------------------------------------------- *\
 Branding
\* ----------------------------------------------- */
h1#branding {
	padding: 10px 15px 10px 15px;
	height: 28px;
	font-size: 30px;
	position: relative; }
h1#branding a {  }	
h1#branding #slogan { font-size: 12px; }

h1#branding #welcome { float:right; font-size:40%; }

a.poweredBy { float: right; padding: 5px 5px 0 0; }
a.poweredBy span { color: #333; }

/* ----------------------------------------------- *\
 Navigation (horizontal subnavigation)
\* ----------------------------------------------- */
ul.nav {
	padding-left: 15px; }

ul.main li a { font-weight: normal; font-size: 11px; }
ul.check-list {list-style-type: none;}
ul.check-list li {margin-left:0;}

ul.main li.current,
ul.main li.current a,
#footer ul.main li.current,
#footer ul.main li.current a { font-weight: normal;}

h1#branding #loginRegister { 
	background: transparent url('../img/login_register.gif') top left no-repeat;
	position: absolute; 
	top: 0; 
	right: 0; 
	font-size: 12px;
	width: 112px; }

h1#branding #loginRegister ul.nav { padding: 0; }
h1#branding #loginRegister ul.nav a { line-height: 18px; height: 18px; padding: 0 10px 0 10px; }
h1#branding #loginRegister ul.logout a { padding: 0 15px 0 5px;  }


/* ----------------------------------------------- *\
 Search Box
\* ----------------------------------------------- */
.searchBox { position:absolute; padding: 2px 0 0 630px; z-index:1000; }
.searchBox label { color: #fff; }
.searchBox input { width: 110px; border: 1px solid #aaa; padding: 1px; margin: 0 3px;}


/* ----------------------------------------------- *\
 Content - Featured
\* ----------------------------------------------- */

#featured .top { 
	height: 9px;
	background: transparent url('../img/featured_top_bg.gif') top left no-repeat; }
#featured .content { 
	padding: 10px 20px;
	background: transparent url('../img/featured_center_bg.gif') top left repeat-y;
	font-size: 14px; }
#featured .bottom { 
	height: 9px;
	background: transparent url('../img/featured_bottom_bg.gif') top left no-repeat; }
	
#featured .content .featuredElement { 
	float: left;
	margin-right: 15px; }
	
#featured .content h3 { font-weight: normal; font-size: 32px; }
#featured .content h3 sub { font-size: 14px; padding-left: 10px; }

#featured .content a.actionLarge { 
	height: 30px;
	padding-right: 35px;
	display: block;
	text-align: right;
	line-height: 30px;
	font-size: 20px; }

.section h4,
.sectionA h4,
.sectionB h4,
.sectionC h4 { font-weight: normal; }

.sectionA p.info,
.sectionB p.info,
.sectionC p.info { padding-right: 15px; height: 135px; font-size: 12px; }
	
.sectionA { background: transparent url('../img/vertical_bar_gray.gif') top right repeat-y; }	
.sectionB { background: transparent url('../img/vertical_bar_gray.gif') top right repeat-y; }
.sectionC {  }

.expire { color: red; float: left; padding: 5px 0 0 0; }

/* ----------------------------------------------- *\
 Content - Page Specific
\* ----------------------------------------------- */
/* CustomerTrac :: Contacts Details */
.contactDetails { border: 1px solid #ddd; background-color: #fff; padding: 10px; }
.contactDetails h3 sub { float: right; }
.contactDetails h6 sub { text-transform: lowercase; padding: 0 0 0 5px; margin: 0; }

/* ----------------------------------------------- *\
 Module Toolbars
\* ----------------------------------------------- */
#toolbar { margin-bottom: 10px; }
#toolbar .top { 
	height: 3px;
	background: transparent url('../img/featured_top_bg.gif') top left no-repeat; }
#toolbar .content { 
	padding: 2px 2px 2px 10px;
	background: transparent url('../img/featured_center_bg.gif') top left repeat-y;
	font-size: 14px; }
#toolbar .bottom { 
	height: 3px;
	background: transparent url('../img/featured_bottom_bg.gif') bottom left no-repeat; }
#toolbar .buttonList {
	float: right; }	
#toolbar .filterList {
	float: left;
	font-size: 12px; }
#toolbar .filterList ul{ float: left; margin: 0; padding: 0;}
#toolbar .filterList ul li {
	float: left;
	display: block;
	padding: 3px 15px 0 0;
	margin: 0; }
#toolbar .filterList li.title {
	font-weight: bold;
	color: #333333; }
#toolbar .filterList li.title span {
	color: #0085C5; }
#toolbar .filterList li.current a {
	text-transform: uppercase;
	text-decoration: underline; }

#toolbar .loadIssue { float: left; }
#toolbar .loadIssue label { font-size: 14px; color: #333333; }
#toolbar .loadIssue label span { color: #0085C5; }
#toolbar .loadIssue input { width: 50px; border: 1px solid #aaa; padding: 2px; }
#toolbar .loadIssue a { font-size: 10px; }

/* ----------------------------------------------- *\
 Buttons
\* ----------------------------------------------- */
a.button { 
	float: left;
	display: block;
	height: 26px;
	background: transparent url('../img/button_right_gray.gif') top right no-repeat;
	margin-right: 3px;
	font-size: 10px;
	padding-right: 3px;
	cursor: pointer; }
a.button span { 	
	display: block;
	line-height: 22px;
	background: transparent url('../img/button_left.gif') top left no-repeat;
	padding: 2px 10px; }
a.button.add span,
a.button.delete span,
a.button.edit span,
a.button.users span,
a.button.page span { padding-left: 28px; }
a.button.add span { background-image: url('../img/button_left_add.gif'); }
a.button.delete span { background-image: url('../img/button_left_delete.gif'); }
a.button.edit span { background-image: url('../img/button_left_edit.gif'); }
a.button.users span { background-image: url('../img/button_left_users.gif'); }
a.button.page span { background-image: url('../img/button_left_page.gif'); }
a.button span img { vertical-align: middle; margin-right: 5px; }

/* ----------------------------------------------- *\
 Footer
\* ----------------------------------------------- */

#footer {
	margin-top: 10px;
	background: #EEEEEE url('../img/featured_center_bg.gif') top left repeat-y; }
#footer .top { 
	height: 9px;
	background: transparent url('../img/featured_top_bg.gif') top left no-repeat; }
#footer .bottom { 
	height: 9px;
	background: transparent url('../img/featured_bottom_bg_square.gif') top left no-repeat; }
#footer .branding a { font-size: 12px; }
#footer .branding:hover { background-color: transparent; }

/* ----------------------------------------------- *\
 Table Layout
\* ----------------------------------------------- */
col.id { width:9em; }
col.subject { }
col.submitted { width:23em; }

/**** reset fluid 960 gray box ****/
table {	border: 0; }
thead th { border-bottom: 0; background: transparent; }
tbody th,
tbody td { border-top: 0; border-bottom: 0; background: transparent; }
tbody tr.odd th,
tbody tr.odd td { background: transparent; }
tfoot th,
tfoot td { border-top: 0; background: transparent; }
/**** end reset ****/

table thead { background: transparent url('../img/table_bg_top.gif') top left no-repeat; }
table tbody { background: #ffffff url('../img/table_bg_center2.gif') top left repeat-y; }
table tfoot { background: transparent url('../img/table_bg_bottom.gif') bottom left no-repeat; }

table thead th { text-align: center; }

table tbody a { text-decoration: underline; }
table tbody th { text-align: center;}
table tbody th span.priority { text-transform: uppercase; font-size: 70%; display: block; }
table tbody th span.priority.low { color: #4D8C20; }
table tbody th span.priority.medium { color: #F2B705; }
table tbody th span.priority.high { color: #D92525; }

table tbody tr.low span.priority { color: #4D8C20; }
table tbody tr.medium span.priority { color: #F2B705; }
table tbody tr.high span.priority { color: #D92525; }

table tbody tr.low,
table tbody tr.medium,
table tbody tr.high { background-image: url('../img/table_bg_center2.gif'); }

table tbody tr.low {  }
table tbody tr.medium { background-color: #FFF7DF; }
table tbody tr.high { background-color: #FFDFDF; }

table tbody td { vertical-align: middle; }
table tbody td .subject { font-size: 16px; line-height: 18px; }

table tbody tr { border-bottom: 1px solid #dadada; }
table tbody tr td.sectionTitle { background-color: #EEEEEE; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
table tbody tr td.sectionTitle.first { border-top: 1px solid #dadada; }

tbody tr th,
tbody tr td { padding: 10px 10px; vertical-align: top; }

tbody tr.over { background-image: url('../img/table_bg_center2.gif'); }
tbody tr.over th,
tbody tr.over td { cursor: pointer; }


tfoot tr.paging { }
tfoot tr.paging ul { list-style-type: none; }
tfoot tr.paging ul li {float: left; margin: 1px; padding: 2px;}
tfoot tr.paging ul li a { display: block; padding:1px 6px; border: 1px solid #888; color: #444; }
tfoot tr.paging ul li a:hover { color: #000; border-color: #000; }
tfoot tr.paging ul li.current a { border-color: #000; }
tfoot tr.paging th { text-align: right; vertical-align: middle; }
tfoot tr.buttons td { padding: 10px; text-align: right; }

/* Simple Table Layout */
table.simple { border-right: 1px solid #dadada; }
table.simple thead tr td { height: 3px; font-size: 0; } 
table.simple tbody tr th,
table.simple tbody tr td { padding: 4px 10px; vertical-align: top; }
table.simple tbody tr,
table.simple tfoot tr { border-top: 1px solid #dadada; border-bottom: 0; }
table.simple tbody tr.first { border-top: 0; }

/* History Layout */
table.history tbody th,
table.history tbody td,
table.history tbody td img { vertical-align: middle;  }
table.history tbody tr { border-top: 1px solid #dadada; border-bottom: 0; }
table.history tfoot tr { border: 0; }
table.history tbody tr.first { border-top: 0; }

/* Account Layout */
table.account tbody th,
table.account tbody td { vertical-align: middle; padding: 4px 10px;  }
table.account tbody tr { border-top: 1px solid #dadada; border-bottom: 0; }
table.account tbody tr.selected { background-color: #EFFAFF; }
table.account tfoot tr { border: 0; }
table.account tbody tr.first { border-top: 0; }

/* Note List Layout */
table.noteList label { font-size: 11px; font-weight: bold; }
table.noteList span { display:block; }
table.noteList tbody tr td { padding: 10px 10px; vertical-align: top; }


table.simple tbody tr.noborder,
table.simple tfoot tr.noborder,
table tbody tr.noborder,
table tfoot tr.noborder { border: 0; }

/* ----------------------------------------------- *\
 Form Layout
\* ----------------------------------------------- */

.fieldBorder { border: 1px solid #aaa; margin-bottom: 10px; }
.fieldBorder fieldset { border: 5px solid #fff; margin: 0; }

form h5 { color: #555; margin-top: 10px; }

fieldset { 
	background-color: #fafafa; }

fieldset input { 
	font-size: 14px;
	border: 1px solid #aaa;
	padding: 10px 0 10px 10px; }


form.read-only fieldset select,
form.read-only fieldset textarea,
form.read-only fieldset input {
	border: 1px solid #FAFAFA;
	background-color: #FAFAFA;
}

form.read-only fieldset .tagSelector li img,
form.read-only fieldset .tagSelector .newTagHolder {
	display: none;
}


fieldset.login p label {
	clear: both;
	text-align:left;
	width:98%; }
fieldset.login p input {
	width:96%; }
fieldset.login input.button {
	margin-left: 35%;}

fieldset ul.addresses li textarea,
fieldset p textarea {
	width:98%;
	height: 200px;
	padding: 5px;
	font-size: 12px;
	font-family: verdana;
}

fieldset ul.simpleList li {
	border-bottom: 1px solid #bbb;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

fieldset ul.simpleList li input {
	width: 85%;
}

fieldset ul.positions li input {
	width: 95%;
}

fieldset ul.simpleList li select {
	width: 10%;
}

fieldset ul.contacts li select {
	width: 95%;
}

fieldset ul.simpleList li img {
	vertical-align: middle;
}

fieldset ul.addresses li label {
	width: 55px;
}

fieldset ul.addresses li input,
fieldset ul.addresses li textarea {
	width: 80%;
}

fieldset ul.addresses li textarea {
	height: 60px;
}

fieldset ul.addresses li img,
fieldset ul.addresses li select {
	vertical-align: top;
}

fieldset ul.addresses .cityStateZip {
	padding: 5px 0;
}

fieldset ul.addresses .cityStateZip input,
fieldset ul.addresses .cityStateZip label {
	float: left;
}
fieldset ul.addresses .cityStateZip input {
	width: 20%;
	margin-right: 24px;
}