/**
    Document   : base
    Created on : Apr 15, 2009, 4:25:53 PM
    Author     : bgunnink

    CSS rules which define page superstructure, as well as basic HTML elements
*/

*
{
    margin:0;
    padding:0;
}

html {
    font-size: 62.5%; /* easy scaling, 1em = 10px */
    font-family:'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif;
    line-height: 2.0em;
}

body {
    margin:0;
    padding:0;
    font-size: 1.1em;
    width: 100%;
    background: #bbb; /* url(/atecustom/images/body_bg.png) repeat-x fixed top center;*/
}

#header{
    clear:both;
	height: 130px;
	width:100%;
    background: #fff url(/atecustom/images/header.png) no-repeat top left;
    margin:0;
    padding:0;
}

#header h1 {
    margin: 0;
    height:130px;
    width:100%;
    font-size:14px;
}

#header h1 a {
    display:block;
    height:130px;
    width:100%;
    padding:0;
    margin:0;
    text-decoration: none;
    font-style: italic;
}

#navBar {
	height: 40px;
    font-size:14px;
    background-color: #000099;
    margin:0;
    padding:0 10px 0 0;
}

#navBar a,
#navBar a:visited {
	color:#fff;
    font-weight:bold;
    text-decoration:none;
}

#navBar a:hover {
	color:#fff;
    font-weight:bold;
    text-decoration:underline;
}

#navBar form {
    text-align:right;
}

#container {
    margin: 0 auto;
    width: 98%;
}

#header ul {
    list-style:none;
    margin: 0;
    padding: 0;
}

#header ul li {
    list-style:none;
    display:inline;
    padding:0;
    position: relative;
}

ul.navbar-action-links {
    background: #000099;
    clear:both;
    list-style-type: none;
    padding: 0.2em;
}

ul.action-links {
    background: #EEEEEE url(/atecustom/images/header_bg.png) repeat-x scroll 50% 50%;
    clear:both;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    border: 1px solid #ccc;
    list-style-type: none;
    padding: 0.2em;
}

#header ul li a, #header ul li span, .action-links a, .navbar-action-links a {
    display:block;    
    margin:1px 1px 1px 2px;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-right: 1em;
    padding-left: 1em;
    text-align:center;    
    position:relative;
    background-color: transparent;
    vertical-align: middle;   
    color:#000;
    text-decoration:none;
}

#header ul li a:hover, .action-links a:hover, .navbar-action-links a:hover {
    display:block;
    border: 1px solid #ccc;
    color: #225588;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    margin:0 0 0 1px;    
    text-decoration:none;
    position:relative;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-right: 1em;
    padding-left: 1em;
}

#header ul li a:hover, .action-links a:hover {
    background-color: #D5E4ED;
}

.navbar-action-links a:hover {
    background-color: #0000cc; /*#D5E4ED;*/
}

dt {
    margin-top:15px;
    font-weight:700;
}

ul, ol {
    margin-left: 3em;
}


p {
    text-align:justify;
    margin: 1em 0;
    line-height: 1.75em;
}

pre {
    overflow: auto;
    font-size: 1.1em;
}

/*
* clearing markup that doesn't require extra source markup.
* the rules here are for good (non-IE) browsers.
* from http://www.positioniseverything.net/easyclearing.html
*/

.clear {
    clear:both;
}

.clear-left {
    clear:left;
}

.clear-right {
    clear: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.right {
    float:right;
}

.left {
    float:left;
}

.center {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.margin-bottom {
    margin-bottom: 1.5em !important;
}

.margin-left {
    margin-left: 1.5em !important;
}

.margin-right {
    margin-right: 1.5em !important;
}

.margin-top {
    margin-top: 1.5em !important;
}

ul.no-list-style, ol.no-list-style {
    list-style:none;
    margin-left: 0;
}

ul.list-floated-left, ul.list-floated-right {
    margin-left: 0;
}

ul.list-floated-left li {
    list-style: none;
    float:left;
    margin: 0 0.3em;
}

ul.list-floated-right li {
    list-style: none;
    float:right;
    margin: 0 0.3em;
}

ul.list-floated-none li {
    list-style: none;
    float:none;
}


body.no-sidebar #main {
    width: 99%;
    float:left;
}

body.no-sidebar #sidebar {
    display: none;
}


#main {
    float: right;
    width:75%;
}

/*  a special class for showing the main content container with visible properties like border, background, etc. shown by default on most pages */
.main-with-container {
    border-style: solid;
    border-color: #333333 !important;
    padding: 0.5%;
    margin-top: 0.5em; /*  this value matches the margin given to the sidebar by its child blocks */
}

#sidebar {
    float: left;
    width:23%;
    overflow:hidden;
}

body #showSidebar {
    display:none !important;
}

body #hideSidebar {
    display: block !important;
}

body.no-sidebar #showSidebar {
    display:block !important;
}

body.no-sidebar #hideSidebar {
    display:none !important;
}



/**
    Styles pertaining to the footer
*/
#footer {
    clear:both;
    float:left;
    width:100%;
}

#footer p {
    padding:1em;
    margin:0;
    text-align: center;
}


/**
    miscellaneous classes that don't really belong to other groups
*/

/* images which are links should never have borders  */
a img {
    border: 0;
}

/* a proprietary IE-only css rule that fixes its awful image resizing. from http://www.joelonsoftware.com/items/2008/12/22.html */
img {
    -ms-interpolation-mode:bicubic;
}

.hide {
    display: none;
}

.only-print {
    display: none;
}

.ui-effects-transfer { border: 2px solid black; }