/* General
--------------------------------------- */

.left {
	float: left;
	margin-right: 1em;
	}

.right {
	float: right;
	margin-left: 1em;
	}

.small {
	font-size: smaller;
	line-height: 1.3em;
	}

.large {
	font-size: larger;
	line-height: 1.3em;
	}

.hide {
	position: absolute;
	top: -9999px;
	width: 1px;
	}

blockquote {
	padding: 1em 1.5em;
	display: block;
	}

dt {
	margin-top: .5em;
	font-weight: bold;
	}

dd {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 1em;
	}

ul, ol {
	margin-left: 1em;
	padding-left: 1em;
	}

ul li {
	margin-bottom: 1em;
	list-style: disc outside;
	}

ol li {
	margin-bottom: 1em;
	list-style: decimal outside;
	}

ol ol li {
	margin-bottom: 1em;
	list-style: lower-alpha outside;
	}

ol ol, ul ul {
	margin-top: 1em;
	}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	}

img {
	border: none;
	}

p {
	margin: .5em auto 1em;
	text-align: justify;
	}

strong { 
	font-weight: bold;
	}

em {
	font-style: italic;
	}


/* Structure and Layout
--------------------------------------- */

body {
	background: #00A1BD url(/html/imgs/body_tile.gif) repeat-x left top;
	text-align: center;
	font-size: 100.01%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
	}
	
body.noHeader {
	background: #00A1BD url(/html/imgs/body_tile_no_header.gif) repeat-x left top;
}

body * {
	line-height: 1.3em;
	}

#frame {
	text-align: left;
	margin: 0 auto;
	width: 770px;
	}

#header {
	font-size: 77%;
	margin-bottom: 1em; 
	}

#header h1 {
	width: 279px;
	background: url(/html/imgs/alo_logo.png) no-repeat left top;
	text-indent: -9999px;
	margin-top: 26px;
	float: left;
	}

#header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover {
	display: block;
/*	height: 104px; */
	height: 70px;
	background: none !important;
	}

#feature {

	}

#container, #container_empty {
	float: left;
	width: 66%;
	padding: 0 0 .1em 0;
	}

.oneCol #container, .oneCol #container_empty {
	width: 100%;
	background: #FFF url(/html/imgs/inside_container_bg.gif) no-repeat left top;
	}

.inside #container  {
	width: 100%;
	background: #FFF url(/html/imgs/repeat_bg.gif) repeat-y left top;
	}

.inside #container_empty  {
	width: 100%;
	background: #FFF url(/html/imgs/repeat_bg_empty.gif) repeat-y left top;
	}

.inside #container #top, .inside #container_empty #top {
	width: 100%;
	background: url(/html/imgs/inside2_container_bg.gif) no-repeat left top;
	height: 25px;
	margin-bottom: -15px;
	}

.inside #container_empty #top {
	width: 100%;
	background: url(/html/imgs/inside2_container_bg_empty.gif) no-repeat left top;
	height: 25px;
	margin-bottom: -15px;
	}

.inside #container *, .inside #container_empty *, .oneCol #container * {
	color: #000;
	}

.inside #container a {
   color: #006b91;
   text-decoration: none;   
}

#mainCol, #mainCol_empty, #subCol, #extraCol, #feature {
	font-size: 80%;
	color: #FFF;
	}

#mainCol, #mainCol_empty {
	float: left;
	width: 50%;
	}	

.inside #mainCol {
	float: left;
	width: 64%;
	margin-left: 1%;
	display: inline;
	}

.inside #mainCol_empty {
	float: left;
	width: 100%;
	margin-left: 1%;
	display: inline;
	}

.oneCol #mainCol {
	width: 100%;
	}

#subCol {
	float: right;
	width: 50%;
	}

.inside #subCol {
	float: right;
	width: 32%;
	margin-right: 1%;
	display: inline;
	}

#extraCol {
	float: right;
	width: 33%;
	}

.inside #extraCol, .oneCol #extraCol, .oneCol #subCol {
	display: none;
	}

#footer, #footer_empty {
	clear: both;
	color: #B3F0FA;
	font-size: 77%;
	text-align: center;
	padding: 1em 1.5em 2em;
	margin-top: 2em;
	width: 749px;
	}

.inside #footer, .oneCol #footer {
	background: url(/html/imgs/inside2_container_bg_reverse.gif) no-repeat left top;
	padding-top: 3em;
	margin-top: 0;
	float: left;
	}
.inside #footer_empty, .oneCol #footer_empty {
	background: url(/html/imgs/inside2_container_bg_reverse_empty.gif) no-repeat left top;
	padding-top: 3em;
	margin-top: 0;
	float: left;
	}

.inside #footer {
/*	background: url(/html/imgs/inside2_footer_bg.gif) no-repeat left top; */
	background: url(/html/imgs/inside2_container_bg_reverse.gif) no-repeat left top;
	padding-top: 4em;
	}
.inside #footer_empty {
	background: url(/html/imgs/inside2_container_bg_reverse_empty.gif) no-repeat left top;
	padding-top: 4em;
	}

/* Links
--------------------------------------- */

a, a:link, a:visited {
	color: #FFF;
//	font-weight: bold;
	background: transparent;
//	padding: 0 2px;
	}

a:hover, a:active {
	color: #006b91;
	background: #B1E4F8;
	text-decoration: none;
	}

#footer a:link, #footer a:visited {
	color: #B3F0FA;
	}

#footer a:hover {
	background: #FFF;
	color: #006b91;;
	}

/* Navigation
--------------------------------------- */

.nav, #header .toolbar ul {
	margin: 0;
	padding: 0;
	}

.nav li, .subNav li, #header .toolbar ul li {
	display: inline;
	list-style: none;
	margin-right: 1em;
	}

#header .nav, #header .toolbar ul {
	float: right;
	margin-top: 26px;
	}

#header .nav a, #header .toolbar ul a {
	color: #006B91;
	text-decoration: none;	
	}

#header .subNav, #header .toolbar ul {
	float: right;
	text-align: right;
	font-size: 155%;
	font-weight: bold;
/*	margin-top: 3em; */
	margin-top: 30px;
	width: 450px;
	}

#header .subNav a:link, #header .subNav a:visited, #header .toolbar a:link, #header .toolbar a:visited {
	color: #FFF;
	text-decoration: none;
	font-family: "Lucida Grande", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}

#header .subNav a:hover, #header .toolbar a:hover {
	color: #006b91;
	}


/* Headers
--------------------------------------- */

h1, h2, h3, h4 {
	background-color: transparent;
	margin: .55em auto .35em;
	font-weight: bold;
	line-height: 1em;
	font-family: "Lucida Grande", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	}

h1 {
	font-size: 240%;
	}

h2 {
	font-size: 200%;
	}

h3 {
	font-size: 160%;
	}
	
h4 {
	font-size: 110%;
	}

.inside #mainCol h2, .oneCol #mainCol h2, .formTitle {
	color: #1d6892;
	}

/* Content styles
--------------------------------------- */

.content {
	padding: .5em 1.5em;
	}

.blue1 {
	background: #e6f3f9;
	}

.blue2 {
	background: #caeaf9;
	}

.blue3 {
	background: #71cff5;
	}

.white {
	background: #FFF;
	}

#feature .content {
	background: #0F3E54 url(/html/imgs/feature_content_bg.gif) no-repeat left bottom;
	color: #68d0f3;
	padding: 1em 1em 1em 1.5em;
	}

#feature .content p, #feature .content h2, #feature .content h3 {
	display: inline;
	font-weight: normal;
	font-size: 100%;
	}

#feature .content p, #feature .content h2, #feature .content h3 {
	margin-right: .5em;
	margin-bottom: .25em;
	}

#feature .content h2 {
	font-weight: bold;
	color: #FFF;
	font-size: 120%;
	}

#feature .content h3 {
	font-weight: bold;
	font-size: 100%;
	}

#feature .content label {
	color: #FFF;
	margin: 0 .25em 0 0;
	}

#feature .content input {
	margin-right: .25em;
	font-weight: bold;
	color: #0F3E54;
	width: 100px;
	}

div.login, div.login div {
	display: inline;
	}

ul.listButtons {
	margin: 1em 0;
	padding: 0;
	}

ul.listButtons li {
	margin: 1em 0;
	padding: 0;
	list-style: none;
	}

ul.listButtons li a {
	display: block;
	padding: .5em 1em;
	background: #e6f3f9;
	border: 1px solid #1d6893;
	text-decoration: none;
	font-weight: normal;
	}

ul.listButtons li a:hover {
	background-color: #FFF;
	border-color: #045068;
	}

ul.listButtons li a.selected {
	background-color: #71cff5;
	}

.manageForms a {
	text-decoration: none;
	font-weight: normal;
	margin-right: 1em;
	}

.manageForms img {
	vertical-align: center;
	}

.homeProducts a {
	background: none;
	padding: 0;
	display: inline;
	}

fieldset {
	padding: 1em 1.5em !important;
	border-color: #1d6892 !important;
	}

legend {
	font-weight: normal !important;
	color: #1d6892 !important;
	}







/* ************************************************ */
/*                                                  */
/*               Digg.com inspired                  */
/*                                                  */
/* ************************************************ */

.side-container {
	clear: both;
	background: url(/html/imgs/side-container.gif) no-repeat;
	padding: 10px 0 2em 10px;
	font-size: 100%;
}

.side-container-long {
	clear: both;
	background: url(/html/imgs/side-container-long.gif) no-repeat;
	padding: 10px 0 2em 15px;
	font-size: 100%;

	position: relative;
	left: 70px;
}

.side-container p, .side-container-long p {
	margin: 0.3em 0 0 0;
}

.side-container h2, .side-container-long h2 {
	margin: 0 0 0.5em 0;
	font-size: 110%;
	color: #8DAB3B;
	font-weight: bold;
	line-height: 1;
}

.side-container h3, .side-container-long h3 {
	margin: 0 0 0.5em 0;
	font-size: 100%;
	color: #FF0000;
	font-weight: bold;
	line-height: 1;
}

.side-container .date, .side-container .city, 
.side-container-long .date, .side-container-long .city {
	margin: 0em 0em 0.5em 0em;
	font-size: 90%;
	line-height: 1;
}

.side-container img, .side-container-long img {
	border: none;
}

.side-container .flag, .side-container-long .flag {
     float: right; 
	position: relative;
	right: 200px;
	top: 8px;
}

.side-container .photo, .side-container-long .photo {
     float: right; 
	position: absolute;
	right: 200px;
	top: -45px;
}


/* Photolog ************** */


.photolog {
	font-size: 80%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans-serif;
}

.photolog p {
	text-align: center;
}

/* News entries
--------------------------------------- */
.blog_entry {
  margin-bottom: 4em;
}


/* News dates
--------------------------------------- */
.cal {
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  padding: 1px;
  width: 2.9em;

  background: #1C5B9E url(/html/imgs/cal_bg.jpg) repeat-x;
}

.calborder {
  display: inline;
  padding: 1px;
  float: right;
  margin-top:    1em;
  margin-bottom: 1em;
  margin-left:   1em;

  background: #A3CFEC;
  border: 1px solid #0F3461;
}

.cal span { display: block; }

.calm {
  font-size: .8em;
  margin-bottom: .5em;
//line-height: .7em;
}

.caly {
  line-height: .28em;
  margin-bottom: .5em;
//  font-size:    .8em;
//  margin-top:   .6em;
}


	
/* Clearing
--------------------------------------- */

#container:after, #container_empty:after, #header:after, #footer:after, #footer_empty:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container, #header, #footer {display: inline-block;}

/* Hides from IE-mac \*/
* html #container, * html #header, * html #footer {height: 1%;}
#container, #header, #footer, #footer_empty {display: block;}
/* End hide from IE-mac */




.code
{
        margin:15px;
        padding:15px;
        font-family: monospace;
        background: whitesmoke;
        border: solid 1px silver;
        line-height:110%;
}

.shell
{
	border: 1px dotted #088AB5;
	text-align: left;
	font-style: monospace;
	padding: 5px;
	padding: 15px 30px 15px;
	background: #FFF;
	color: #000;
	margin: 10px 5px;
}