/* 
    Document   : default.css
    Created on : Dec 13, 2011, 3:46:54 PM
    Author     : ggates
    Description:
        Default styles across Jobzone and Careerzone.
*/
html, body, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* semantic clearfix */
.group:after {
  content: "";
  display: table;
  clear: both;
}

table[frame=hsides] {
    border-top-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-width: thin;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: hidden;
    border-right-style: hidden;
}

body {
    font-size: 12px;
    font-family: Arial,sans-serif;
}

input, select, textarea, button { font-family: Arial,sans-serif; font-size: 1em; }

h1 {font-size: 2em; margin: .2em 0;}

h2 {font-size: 1.5em; margin: .4em 0;}

p {margin: .2em 0;}

dt {font-weight: bold; margin: .4em 0;}
dd {margin: 0 0 0 1em; padding: .2em 0; line-height: 1.4em;}

a img, img {border-style:none; border:none;}

select {font-size: 1em;}

#footerID {
    clear: both;
    width: auto;
    text-align: center;
    font-size: .9em;
    padding: 20px 0;
}

#footerID div div.ui-widget-content {
    border: none;
	background: transparent;
}

#footerID div ul {
    border: none;
    background: transparent;
    list-style: none;
    padding: 0 0 5px 0;
}

#footerID div ul li {
    display: inline;
    float: none;
}

#footerID a:link, #footerID a:active, #footerID a:visited, #footerID a:hover {
    font-weight: normal;
    text-decoration: underline;
}

.footerLine { width: 80%; }

.AccountBox, .GuestAccountBox, .CzWelcomeBox, .AdminWelcomeBox {
    float: right;
    margin: 1px 5px 0 0;
    padding: 5px;
}

.floatRight { float: right; }
.floatLeft { float: left; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textLarger { font-size: 1.3em; }
.textSmall { font-size: .8em; }
.textBold { font-weight: bold; }
.textUnderline { text-decoration: underline; }
.textItalic { font-style: italic; }
.verticalTop { vertical-align: top; }
.verticalMid { vertical-align: middle; }
.verticalBaseline { vertical-align: baseline; }
.verticalBottom { vertical-align: bottom; }

a.gt-link { color: white !important; }

.gt-panel-dialog {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    border: 2px solid #000 !important;
    box-shadow: 0px 0px 5px 2px rgba(255,255,0,.7);
    z-index: 4000;
}

.gt-panel-dialog h2 {
    padding: 0.2em;
    margin: 0 0 .5em 0;
}

.gt-panel-dialog h2 div.closeIcon {
    float: right;
    cursor: pointer;
    border-radius: 4px;
}

.gt-panel-dialog h2 div.closeIcon svg {
    fill: #fff;
    width: 1em;
    height: 1em;
    padding: .1em;
}   
 
.gt-panel-dialog h2 div.closeIcon:hover {
    background: #12b459;
}
.gt-panel-dialog #google_translate_element,
.gt-panel-dialog  p  { padding: .5em; }
.gt-panel-dialog button { margin: 1em; }

.marginAuto { margin: auto; }
.marginSmall { margin: 5px; }
.marginLeftSmall { margin-left: 5px; }
.marginTopSmall { margin-top: 5px; }
.noPadding {padding: 0px;}
.noMargin {margin: 0px;}
.noBorder, table.noBorder tr, table.noBorder td { border: none !important; }
.noBorderSpacing {border-spacing: 0px;}
.paddingBottomSmall { padding-bottom: 5px; }
.paddingBottomMed { padding-bottom: 10px; }
.paddingTopMed { padding-top: 10px; }
.paddingRightMed { padding-right: 10px; }
.confirmDialogBox .ui-dialog-buttonpane { text-align: center !important; }
.clearAll {clear: both;}
.hidden { display: none; }
.ui-button-text-only .ui-button-text { white-space: nowrap; }
.ui-tabs {border: hidden !important;}
.col10, .width10 { width:10%;}
.col25, .width25 { width:25%;}
.col50, .width50 { width:50%;}
.col75, .width75 { width:75%;}
.col100, .width100 { width:100%;}

/* Inactive Domains - commenting out for now. IE does not allow changing disabled
/* option:disabled { color: red } */
/* Management mode */
.ui-state-management .ui-icon {margin:auto;padding:0 4px 0 0;width:16px;height:24px;border:0;background:url("/resources/images/cz/user.png") 0 4px no-repeat;}
.ui-state-management {border:1px solid #fe6d0a;background:#fec59a;color:#000;}