@import "../../empoweredCommon/css/common.css";

/* Breadcrumbs */

#crumbsWrapper {
	position: absolute;
	width: 100%;
	top:90px;
	/*z-index:2;*/
}

#crumbsWrapper .moduletable {
	margin: 0;
}

#breadcrumb {
	padding: 0 0 3px 10px;
	font-size:10px;
	border-bottom: 1px solid #FFFFFF;
}

#breadcrumb a {
	position: relative;
	z-index:3;
}

/** Content styles **/

#content0 { /* no sidebars */
    width: 980px;
}

#content1 { /* left sidebar only */
    width: 768px;
}

#content2 {  /* right sidebar only */
    width: 768px;
}

#content3 { /* left and right sidebars */
    width: 556px;
}

.contentcolumn {
	min-height: 380px;
	position: relative;
	font-size: 12px;
}

* html .contentcolumn { /* Hack for IE6 cause it doesn't understand min-height */
	height: 380px;
}

.contentcolumn #component {
    padding: 12px 0 0 0;
    background: transparent url(../images/bg_component_556x105.png) 0 0 no-repeat;
}

body.it-management .contentcolumn #component {
    background: transparent url(../images/bg_component_it_556x105.png) 0 0 no-repeat;
} 

body.synchronization .contentcolumn #component {
    background: transparent url(../images/bg_component_synch_556x105.png) 0 0 no-repeat;
} 

body.testing .contentcolumn #component {
    background: transparent url(../images/bg_component_test_556x105.png) 0 0 no-repeat;
}  

.contentcolumn div.componentHeadingWrapper {
	width: 100%;
    margin: 0 0 14px 0;
}   

.contentcolumn div.componentHeadingInnerWrapper {
	float: left;
	clear: both;
	height: 49px;
    margin: 0;
    padding: 12px 75px 0 15px;
    font-size: 13px;
	color: #FFFFFF;
    background: transparent url(../images/bg_content_heading_1x61.png) 0 0 repeat-x;
} 

.contentcolumn div.componentHeadingWrapper h1,
.contentcolumn div.componentHeadingWrapper h2 {
    margin: 3px 0 0 0;
    padding: 0 0 5px 0;
    font-size: 20px;
	color: #FFFFFF;
}

div.pageLayout {
	padding: 0;
	position: relative;
}

div.blogLayout,
div#wordpress {
	padding: 37px 0 0 0;
}

.contentcolumn #component a,
.contentcolumn #contentFooter a {
	font-weight: bold;
}

.contentcolumn #component li {
	margin-bottom: 0.5em;
}

div.pageLayout div.buttonheading,
body.events-calendar #component div.buttonheading {
	height: 22px;
	margin: 0 0 15px 0;
	padding: 3px 10px 0 0;
	text-align: right;
	vertical-align: top;
}

div.pageLayout .buttonheading a,
body.events-calendar #component div.buttonheading a {
	position: relative;
	z-index:3;
}

.contentcolumn div.moduletable {
    margin-bottom: 10px;
}

div.pageLayout h3 {
    margin: 5px 0 0 0;
	font-size: 1.5em;
}

.contentcolumn div.moduletable ul, 
.contentcolumn div.moduletable ol {
    margin: 5px 0 5px 15px;
}

.contentcolumn div.moduletable li {
    margin: 0 0 5px 0;
}

.contentcolumn #contentFooter {
    padding: 0 0 0 0;
	text-align: center;
}

#contentBottom {
	width: 100%;
	height: 38px;
}

/** Tabs and slides in content **/

.jwts_tabberlive .jwts_tabbertab {
margin:0px;
padding:6px;
border:1px solid #DDDDDD;
border-top:0px;
    background: #F2F2F2 url(../images/bg_content_tab_box_1x246.png) 0 0 repeat-x;
}


.jwts_tabberlive {
margin:4px 0px;
padding:0px;
}

ul.jwts_tabbernav {
margin:0px;
padding:6px 0;
/*border-bottom:1px solid #DDDDDD;*/
border:1px solid #DDDDDD;
line-height:normal;
background:#E7E7E7 url(../images/bg_content_tab_1x28.png) 0 0 repeat-x;
}

ul.jwts_tabbernav li {
margin:0px;
padding:0px;
list-style:none;
list-style-image:none;
background:none;
display:inline;
}

ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {
font-size:12px;
font-weight:bold;
margin: 0 0 0 0;
padding:6px 6px;
color:#333333;
border: transparent none;
border-right:1px solid #DDDDDD;
/*
border:1px solid #DDDDDD;
border-bottom:none;
background:#E7E7E7 url(../images/bg_content_tab_1x21.png) 0 0 repeat-x;
*/
background:transparent none;
}

ul.jwts_tabbernav li a:visited {
color:#5E9833;
}

ul.jwts_tabbernav li a:hover {
font-size:12px;
font-weight:bold;
margin: 0 0 0 0;
padding:6px 6px;
color:#5E9833;
border: transparent none;
border-right:1px solid #DDDDDD;
/*
border:1px solid #DDDDDD;
border-bottom:none;
*/
background:#FFFFFF;
text-decoration:none;
}

ul.jwts_tabbernav li.jwts_tabberactive a {
background:#FFFFFF;
border-bottom:1px solid #FFFFFF;
color:#5E9833;
}

ul.jwts_tabbernav li.jwts_tabberactive a:hover {
background:#FFFFFF;
border-bottom:1px solid #FFFFFF;
text-decoration:none;
color:#006A72;
}

body.it-management ul.jwts_tabbernav li a:hover,
body.it-management ul.jwts_tabbernav li.jwts_tabberactive a,
body.it-management ul.jwts_tabbernav li.jwts_tabberactive a:hover {
	color: #006A72 !important;
}

body.synchronization ul.jwts_tabbernav li a:hover,
body.synchronization ul.jwts_tabbernav li.jwts_tabberactive a,
body.synchronization ul.jwts_tabbernav li.jwts_tabberactive a:hover {
	color: #0082C8 !important;
}

body.testing ul.jwts_tabbernav li a:hover,
body.testing ul.jwts_tabbernav li.jwts_tabberactive a,
body.testing ul.jwts_tabbernav li.jwts_tabberactive a:hover {
	color: #556293 !important;
}

div.jwts_title {
	background: transparent url(../images/bg_content_slide_title_1x22.png) 0 0 repeat-x;
	border: 1px solid #DDDDDD;
}

div.jwts_title_left {
	background: transparent url(../images/bg_content_slide_title_1x22.png) 0 0 no-repeat;
}

a.jwts_title_text, 
a.jwts_title_text:link, 
a.jwts_title_text:hover, 
a.jwts_title_text:visited {
	background: transparent url(../images/bg_content_slide_link_16x16.png) 0 3px no-repeat;
	color:#5E9833;
}

body.it-management a.jwts_title_text, 
body.it-management a.jwts_title_text:link {
	background: transparent url(../images/bg_content_slide_link_it_16x16.png) 0 3px no-repeat;
}

body.synchronization a.jwts_title_text, 
body.synchronization a.jwts_title_text:link {
	background: transparent url(../images/bg_content_slide_link_synch_16x16.png) 0 3px no-repeat;
}

body.testing a.jwts_title_text, 
body.testing a.jwts_title_text:link {
	background: transparent url(../images/bg_content_slide_link_test_16x16.png) 0 3px no-repeat;
}

div.jwts_slidecontent {
	float: left;
}

/** User pages **/

form.login_form fieldset div,
form.user div,
div.user_name {
	margin-bottom: 10px;
}

form.login_form .contentdescription img {
	display: none;
}

form.user .admintable td {
	padding-bottom: 10px;
}

form.user select#paramstimezone {
	width: 350px;
}

form.user .paramlist_key {
	width: auto;
}

/** Component print styles **/

body.contentpane {
	margin: 10px;
}

/** WordPress component styles **/

#wordpress .navigation {
	display: inline;
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	/*margin: 10px 0 10px 0;*/
}
	
#wordpress #wp-page h2 {
	padding: 0 0 5px 0;
	color: #5E9833;
}

#wordpress .hentry h3 {
	font-size: 1.5em;
}

.postMeta {
	float: left;
	width: 100%;
	font-size:11px;
	line-height:15px;
	padding:2px 0;
	margin: 5px 0 30px 0;
	border-top:#DBDBDB 1px solid;
	border-bottom:#DBDBDB 2px solid;
	clear: both;
}

.metaPosted {
	float:left;
	width: 33%;
}

.metaTags {
	float:left;
	border-right:#DBDBDB 1px solid;
	border-left:#DBDBDB 1px solid;
	width: 33%;
}

.metaComments {
	float:left;
	width: 33%;
}

.metaPosted p,
.metaTags p,
.metaComments p {
	padding:5px 10px;
}

/* Begin Images */
	
#wordpress p img {
	padding: 0;
	max-width: 100%;
}

#wordpress img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#wordpress img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

#wordpress img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

#wordpress .alignright {
	float: right;
}

#wordpress .alignleft {
	float: left;
}

/** Xmap component styles **/

div.xmap {
	padding: 37px 0 0 0;
}

div.xmap ul.level_0 ul {
	list-style: disc inside none;
}

/** Individual sidebar modules **/

/* WordPress sidebars */

.wordPressSideBar .sidebar {
	float: none;
	width: auto;
	padding: 0;
}

#tag_cloud-3 h3 {
	color:#333333;
	font-size:1em;
	padding:2px 3px 4px 5px;
	background-color: #FFFFFF;
}

#tag_cloud-3 div {
	padding:10px 3px 2px 3px;
}
 
#tag_cloud-3 div a {
	display: inline; 
}

/* WordPress search */

div.wordPressSearch #searchform {
	margin:3px;
	padding: 5px;
	background:  #E7E7E7 url(../images/bg_sidebar_elements_1x120.png) left top repeat-x;
}

div.wordPressSearch label.hidden {
	display: none;
}

div.wordPressSearch #searchsubmit {
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Blog Feeds */

div.blogFeeds img {
	margin-top: 3px;
}

/* Contact Us HTML module */

div.contactModule li ul {
	margin: 0;
}

div.contactModule li li {
	margin: 0;
	padding: 0 0 2px 0;
}

div.contactModule li li a:hover {
	font-weight: normal; /* email address is too long! */
}

/* Events Calendar (note: most styles are in empoweredDefaultTemplate/html/com_jevents/assets/css/events_css.css */

.sidebar .event_legend_container {
	background: url(../../empoweredCommon/images/bg_sidebar_elements_1x120.png) repeat-x scroll left top #E7E7E7;
	margin:0 3px 3px 3px;
}

.sidebar .event_legend_container tr {
	background: transparent url(../../empoweredCommon/images/bg_sidebar_list_item_225x2.gif) 0 0 no-repeat;
}

.sidebar .event_legend_container .eventLegendNameMarker {
	float:left;
	width: 5px;
	margin: 0 3px 0 0;
}

.eventLegendItem {
	float:left;
	margin: 3px 10px 0 0;
}

/* DT Register styles */

body.itemid-111 #component * {
	color: #333333;
}

body.itemid-111 #component .componentHeadingInnerWrapper,
body.itemid-111 #component .componentHeadingInnerWrapper h2 {
	color: #FFFFFF;
}

body.itemid-111 #component form {
	position: relative;
	top: 120px;
}

body.itemid-111 #component th.componentheading {
	font-size: 1.5em;
	padding: 5px 0 5px 0;
}

body.itemid-111 #component tr.categoryRow td {
	color: #FFFFFF;
}

body.itemid-111 #component tr.eventListRow2 {
	background-color: #EFEFEF;
}

/* BreezingForms styles */

#formHeadingSpacer {
	height: 40px;
}

.bfElemWrap {
	background: transparent none !important;
}

.bfQuickMode p.bfElemWrap {
	padding: 0 0 5px 0;
}

.bfQuickMode .bfLabelLeft label {
	float:left;
	margin:0 10px 0 0;
	width:25%;
}

.bfQuickMode p input[type="text"], 
.bfQuickMode p textarea, 
.bfQuickMode p select {
	float:left;
	margin:0;
	width:50%;
}

.bfQuickMode .bfLabelLeft .bfElementGroup, 
.bfQuickMode .bfLabelRight .bfElementGroup, 
.bfQuickMode p.bfLabelLeft .bfElementGroupNoWrap {
float:left;
width:70%;
}

.bfQuickMode .bfLabelTop span {
	display:block;
	margin-bottom:5px;
	width:100% !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.bfQuickMode .bfLabelLeft .bfElementGroup input, 
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input, 
.bfQuickMode .bfLabelTop .bfElementGroup input, 
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap input, 
.bfQuickMode .bfLabelRight .bfElementGroup input, 
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap input, 
.bfQuickMode .bfLabelBottom .bfElementGroup input, 
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	width: 3%;
	text-align: left;
}

.bfQuickMode .bfLabelLeft .bfElementGroup label, 
.bfQuickMode .bfLabelLeft .bfElementGroupNoWrap label, 
.bfQuickMode .bfLabelTop .bfElementGroup label, 
.bfQuickMode .bfLabelTop .bfElementGroupNoWrap label, 
.bfQuickMode .bfLabelRight .bfElementGroup label, 
.bfQuickMode .bfLabelRight .bfElementGroupNoWrap label, 
.bfQuickMode .bfLabelBottom .bfElementGroup label, 
.bfQuickMode .bfLabelBottom .bfElementGroupNoWrap label {
	display: block;
	float: left;
	margin: 0 10px 5px 0;
	position: static;
	width: 43%;
}

/* Tooltip styles */

cite.infotip.style1 {
	border-bottom: 1px dotted #333333;
	color: #333333;
	font-style:normal;
}

cite.infotip.style1 span.tooltipgc_tooltip {
	background: none repeat scroll 0 0 #EDEDED;
	border: 1px solid #909090;
	color: #333333;
}