/*

Color Theme
#d12b2b + #cccccc

Logo Font
Arial Bold 30px #d12b2b

*/

/*/ RESET STYLES /*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,ol {margin-top: 10px;margin-left: 30px;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0;}

/*/ STICKY FOOTER

The #container-page element of this page has a min-height of 100%. 
That way, if the content requires more height than the viewport provides,
the height of #contents forces #container-page to become longer as well. 
Possible columns in #centered-container can then be visualised with a background image 
on #container-page; divs are not table cells, and you don't need (or want) the 
physical elements to create such a visual effect.

Because #container-page has a relative position, #footer will always remain
at its bottom; since the min-height mentioned above does not prevent #container-page
from scaling, this will work even if (or rather especially when) #centered-container forces
#container-page to become longer.

Since it is no longer in the normal flow, padding-bottom of #centered-container
now provides the space for the absolute #footer. This padding is included in the
scrolled height by default, so that the footer will never overlap the above content.
*/

/*/ LAYOUT /*/

#top-containers {
	clear: both;
	margin-top: 0;
	height: 100px;
	width: 100%;
}

#slogan-container {
	font-family: Helvetica;
	color: #999999;
	vertical-align: middle;
}

#site-name {
	font-family: Helvetica;
	font-size: 24px;
	color: #555555;
	padding-bottom: 4px;
}

#search-container {
	
}

#search-container label {
	display: none;
}
#search-container input[type=text] {
	width: 100%;
	height: 24px;
	font-size: 16px;
	line-height: 20px;
	padding: 4px 5px 0 5px;
	margin-right: 10px;
	vertical-align: top;
	color: #666666;
	border: 1px solid #cccccc;
	background-position: 310px 0;
	background-image: url(search-sprite.png);
}
#search-container input[type=text]:focus,
#search-container input[type=text]:hover {
	border-color: #aaaaaa;
	background-position: 310px 28px;
}
#search-container .form-item {
	margin: 0; /* Override system.css */
}

#contents, .sidebar {
	padding-bottom: 50px; /* Bottom padding for footer */
}
#content {
	clear: both;
}

#contents-container {
	padding-top: 18px;
	clear: both;
	width: 100%;
}

#footer-items  li{
	list-style-type: none;
	padding-left: 10px;
	display: inline;
}

/*/ SIDE NAV /*/

.sidebar h6,
.sidebar h2 {
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 6px 5px 0 8px;
	background-image: url(box-header.png);
	background-repeat: no-repeat;
	color: #ffffff;
}

.sidenav-links {
	margin-left: 0;
}

.sidenav-links li {
	list-style-type: none;
	border: 1px solid #bbbbbb;
	border-top: none;
	color: #666666;
}

.sidenav-links li a {
	display: block;
	text-decoration: none;
	background: #f0f0f0 url(/themes/vitzo_flex/img/nav_bg_off.gif) repeat-x top left;
	line-height: 130%; /* Prevent IE from adding extra whitespace above block */
	height: 14px;
	color: #666666;
	padding: 6px;
}
.sidenav-links li a:hover, .sidenav-links li .selected {
	color: #d12b2b;
	background-color: #ffffff;
	background-image: none;
}

.sidenav-links li img {
	position: relative;
	top: 3px;
	margin-right: 5px;
}

.sidenav-links li .lang {
	padding-bottom: 5px;
}

/*/ TABLES /*/

table {
	margin-bottom: 18px;
}

th, td {
    padding: 4px;
	margin: 0;
}

th {
    background-color: #a0a0a0;
    color: white;
    text-align: left;
}

tr.odd {
    background: #ffffff;
}

tr.even {
    background: #eeeeee;
}

.alternate tr:hover,
.alternate tr.even:hover {
    background: #fefecc;
}

/*/ FORMS /*/
input.blur {
	color: #999999;
}

/* CONTENT */

#content .left, span.inline-left { 
	float: left; 
	margin: 0 18px 0 0; 
}
#content .right, span.inline-right { 
	float: right; 
	margin: 0 0 0 18px; 
}

blockquote {
	margin-left: 30px;
	margin-bottom: 18px;
	padding-left: 15px;
	text-indent: 10px;
	background: url(/lib/img/quote-open.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
blockquote :last-child {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(/lib/img/quote-close.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
blockquote cite.source {
	margin-top: -18px;
	display: block;
	text-align: right;
	background: transparent;
}
cite.source a {
	color: #999999;
}

pre, code {
    font-size: 1.2em;
    font-family: 'Courier New', monospace;
}  
  
pre {
    background-color:#fafbfc; 
	border:1px solid #abb3bb;
	padding: 5px;
}

fieldset {
	margin: 10px 0 10px 0;
	padding: 5px;
	border: 1px solid #cccccc;
	clear: both;
}

.fieldset-outer {
    background:#f0f0e6;
    border:1px solid #bbbbbb;
    overflow:visible;
    margin-bottom:10px;
    margin-top:10px;
    clear:both;
}

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

h1, h2, h1 a, h2 a {
letter-spacing:-1px;
font-weight:400;
text-decoration: none;
}

#content .callout {
	display: inline;
	background-color: #eeeeee;
	border: 1px solid #dddddd;
	width: 200px;
	padding: 8px 10px;
	margin-bottom: 18px; 
}
#content .callout :last-child { 
	margin-bottom: 0; 
}
#content .callout strong {
	display: block;
}
#content .callout ul {
	margin: 5px 0 0 5px;
}

#content p {
	margin-bottom: 18px;
	text-align: justify;
}
#contents h1 { 
	font-size: 24px; 
	line-height: 18px; 
	margin-bottom: 18px;
}

#content h2 { 
	font-size: 18px; 
	line-height: 18px; 
	margin-bottom: 18px;
}
#content h3 { 
	font-size: 14px; 
	line-height: 18px; 
}
#content ol,ul {
	margin: 0 0 18px 30px;
	list-style-position: inside;
}
#content ul {
	list-style-type: disc;
}
#content ol {
	list-style-type: decimal;
}
#content dl {
	margin-bottom: 18px;
}

.title-list {
	list-style-position: outside;
}
.title-list li  {
	margin-bottom: 9px;
}
.title-list  strong {
	font-size: 14px;
}

.icon-list {
	list-style-position: outside;
}
.icon-list li  {
	margin-bottom: 18px;
	padding-left: 9px;
}
.icon-list  strong {
	font-size: 14px;
	position: relative; top: -9px;
}

strong {
	font-weight: bold;
}

q {font-style: italic;}
q:before,q:after {content:'"';}

dt {
	font-weight: bold;
}
dd {
	margin-left: 30px;
}

a {
	color:#105bc5;
}

/*/ BUTTONS /*/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/*/ DRUPAL /*/

body.front h1 {
	display: none;
}

.sidebar .block .content {
	background: #f0f0f0 url(gradient-200-right.png) repeat-y top left;
	padding: 6px 4px 6px 8px;
	border: 1px solid #bbbbbb;
	border-top: none;
	margin-bottom: 15px;
}

#content .form-submit {
	margin-top: 18px;
	margin-bottom: 18px;
}

.block ul,
.block li {
	list-style-position: outside;
}

div.admin .left,
div.admin .right {
	width: 45%;
}

.breadcrumb {
	margin-bottom: 14px;
	padding: 0;
}
#content p.submitted {
	color: #999999;
	margin-top: -14px;
	margin-bottom: 10px;
}

/* Override system.css */

.block-locale .content ul {
	padding: 0; margin: 0;
}
.block-locale .content ul.menu {
	margin-left: 5px;
}

.node div.links {
	margin-bottom: 36px;
	margin-left: 10px;
	clear: both;
}
.links a {
	text-decoration: none; /* Icons are sometimes linked too, doesn't look good when underlined */
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #f8f8f8;
}
.links li {
	padding-left: 0;
}
.links a:hover {
	background-color: #ffffff;
}

/*/ DRUPAL MODULES /*/

span.geshifilter {
	padding: 0 0 0 18px;
	text-align: left;
	display: block;
}

.block-taxonomy_quick_find  .item-list {
	margin-top: 10px;
}
.block-taxonomy_quick_find h3 {
	display: none;
}

#content #edit-whois-submit {
	margin: 0;
}

/* Digg This */

.diggthis_button {
	display: inline;
	float: left;
	padding-right: 18px;
}
.block-diggthis h2 {
	display: none;
}

/* Image Assist */

#img_assist_upload .collapsed {
	display: none;
}
.img_assist {
	background-image: none;
}
.img_assist-button {
	margin-bottom: 18px;
}

.caption {
	font-style:italic;
	font-size: 11px;
	text-align: left;
	color: #888888;
}

/* Language icons */

.block-locale li {
	list-style-type: none;
}

li a.language-link {
	color: #666666;
	text-decoration: none;
}
li a.language-link:hover {
	color: #d12b2b;
}
li a.language-link.active {
	
}
img.language-icon {
	position: relative;
	top: 3px;
	padding-right: 4px;
}

/*/ System /*/

.block-user ul li {
	list-style-type: none;
	margin: 0;
}

.clear {
	clear:both;
}
.clear-float {
	float:left;
	clear:both;
}
div.messages {
	margin-bottom: 16px;
	clear: both; 
}

ul.tabs {
	margin-bottom: 18px;
}

.terms ul {
	display: inline;
	clear: none;
}
.terms ul li {
	padding: 3px;
}

div.box {
	margin-bottom: 18px;
}
img.print-icon-margin {
	margin:0px;
	padding-right:4px; 
/*	position:relative;
	top:3px;*/
}

tbody {
	border-top: none;
}