/*
Design by Jim Galley and Martin Brampton
jimg@aliro.org
counterpoint@aliro.org
http://aliro.org
*/

html {
	background:#BBBEC6 url(../images/grey-bg.png) repeat-x scroll 0px -3px;
}

body {
	overflow:auto;
}

code {
	color:#228;
}

a {
	color:#339;
}

#doc, #doc2, #doc3, #doc4 {
	margin:auto;
	min-width:750px;
	text-align:left;
	width:57.69em;
}
#doc2 {
	width:73.076em;
}
#doc3 {
	margin:auto 10px;
	width:auto;
}
#doc4 {
	width:80em;
}
#page {
	background-color:#FFFFFF;
	padding: 20px 0 0 0;
	width:80em;
	overflow:hidden;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

}
#subpage, #footer {
	padding: 10px;
	width:80em;
	overflow:auto;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}

#footer, #subpage {
	margin-top: 15px;
	float: left;
}

#subpage {
	background-color:#F6F6F2;
}

#footer {
	padding: 0 !important;
	width: 79.3em;
}
#inner-content {
	margin:0 0 0 20px;
}
#left, #right, #sidebar,
#inner-content, #outer-content {
	float: left;
}

#header {
	float:right;
	margin: 25px 15px 0 0;
	position: relative;
	text-align: right;
	width: 300px;
}

#logo {
	float: left;
	margin-bottom:10px;
	margin-top: 10px;
}

#logo h1 {
	margin:0;
	font-size:197%;
}

#logo h1 a{
	text-decoration: none;
	color:#000000;
}

.slogan {
	font-size:50%;
}	

#top-bar-equal {
	background-color: #000000;
	font-size: 70%;
}

#menu {
	height:40px;
	margin-top:5px;
}

.sitecredit {
	text-align:right;
	font-size:85%;
	background: transparent url(../images/aliro-logo-25.png) no-repeat scroll right center;
	padding-right:30px;
}

.clear {
	clear: both;
}


.red .boxtitle, .red .boxcontent, .red #simpletext,
.blue .boxtitle, .blue .boxcontent, .blue #simpletext,
.orange .boxtitle, .orange .boxcontent, .orange #simpletext,
.gray .boxtitle, .gray .boxcontent, .gray #simpletext,
.green .boxtitle, .green .boxcontent, .green #simpletext,
.purple .boxtitle, .purple .boxcontent, .purple #simpletext,
.outline .boxtitle, .outline .boxcontent, .outline #simpletext,
.radius .boxtitle, .radius .boxcontent, .radius #simpletext {
	padding:6px;
}

.radius {
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
}

.radius-bottom {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

}

.or {
	color: #BF4419;
}
.gn {
	color: #486500;
}
.rd {
	color: #9F0012;
}

.blue {
	background-color: #0033ff;
	color: #ffffff;
	margin-bottom: 6px;
}
.orange {
	background-color: #FFBD00;
	color: #000000;
	margin-bottom: 6px;
}

.red {
	background-color: #cc0033;
	color: #000000;
	margin-bottom: 6px;
}

.green {
	background-color: #B5EAAA;
	color: #000000;
	margin-bottom: 6px;
}

.gray {
	background-color: #f0f0f0;
	color: #000000;
	margin-bottom: 6px;
}

.purple {

	background-color: #993366;
	color: #000000;
	margin-bottom: 6px;
}

.yellow {
	background-color: #FDF8B6;
	color: #000000;
	margin-bottom: 6px;
}

.outline {
	background-color: #ffffff;
	border: #999999 solid 1px;
	margin-bottom: 6px;
}

.firstbar, .midbar, .firstbox, .midbox, .firstinner, .midinner {
	margin: 0 0 0 20px;
}

.lastbar, .onlybar, .lastbox, .onlybox, .lastinner {
	margin-right:0px !important;
}

.lastinner, .lastbox {
	float:right !important;
}

.equalbox, .goldenbox {
	float: left;
}

.bottom-equal {
	margin-bottom: 0 !important;
}


#top h2, .equalbox h2, .goldenbox h2,
.sidebar h2, .inside-one h2, .lastinner h2,
.inside-two h2 {
	margin-top: 0;
	margin-bottom: 0;
}

.top-bar-equal {
	color: #ffffff;
	text-align: center;
}

.fullwidth {
	width: 100%;
}

.width100 {
	width: 98%;
	margin-right:0px !important;
	margin-left: 20px;
	margin-top: 15px;
}
.width50 {
	width: 49.42%;
}
.width33 {
	width: 32.75%;
}

.width33.outline {
	width: 32.57%;
}

.width25 {
	width: 24.42%;
}
.width25.outline {
	width: 24.32%;
}

.width20 {
	width: 19.28%;
}
.width65 {
	width: 64.4%;
}
.width54 {
	width:53.9%;
}
.width45 {
	width: 44.9%;
}
.width40 {
	width: 39.9%;
}
.width35 {
	width: 34.4%;
}
.width23 {
	width: 22.9%;
}
.width18 {
	width: 17.9%;
}
.width16 {
	width: 16.1%;
}
.width15 {
	width: 14.3%;
}
.width13 {
	width: 12.49%;
}

#sidebar {
	width: 17.5%;
}

.partwidth {
	width: 80%;
}

.sidebar-plus-none {
	width: 99.99%;
}
.sidebar-plus-one {
	width: 72%;
}
.sidebar-plus-two {
	width: 74.6%;
}

.nosidebar-plus-none {
	width: 99.99%;
}
.nosidebar-plus-one {
	width: 74.43%;
}
.nosidebar-plus-two {
	width: 74.9%;
}

.inside-one {
	width: 23%;
}
.inside-two {
	width: 11.9%;
}

#top, #top-equal, #top-golden, #content, #bottom-equal, #bottom {
	margin-bottom: 6px;
}

#right.inside-one .defaultbox {
	width:100%;
}

#right.inside-one .defaultbox.outline {
	width:99.5%;
}
#sidebar .defaultbox {
	background:#EEE;
	margin: 0 0 20px 0;
	padding:10px;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
}
#mod_memory_wr {

}
#mod_memory_wr ul {
	margin: 5px 0 0 0px;
}
#mod_memory_wr ul li {
	font-size:0.8em;
	list-style-type:none; 
}
/********************/
/*  Errormessages   */
/********************/


#errormessage {
	clear:both;
}

.errormessage {
	padding-top:   8px;
	padding-left: 35px;
	min-height:   25px;
	margin-bottom: 5px;
	font-weight: bold;
}

.fatalcolor {
	background:#E6C0C0 url(../images/alerts.png) no-repeat scroll 4px -133px; 
	border: 4px double white;
	color: #CC0000;
}

.severecolor {
	background:#E6C0C0 url(../images/alerts.png) no-repeat scroll 4px -187px;
	border: 4px double white;
	color: #CC0000;
}

.warncolor {
background:#FFFF00 url(../images/alerts.png) no-repeat scroll 4px -78px;
	border: 4px double white;
}

.informcolor {
	background:#C3D2E5 url(../images/alerts.png) no-repeat scroll 4px -24px;
	border: 4px double white;
	color:#0055BB;
}

/********************/
/*  NAVIGATION BAR  */
/********************/



.navbar { /*Color navigation bar normal mode*/
	/* background:#5F95C4 url(../images/mainnav-wrap-bg.gif) repeat-x scroll 0 0; */ 
	background:#9babbf repeat-x scroll 0 0; 
	float:left; 
	font-size:85% !important;
	height: 53px;
	margin: 0px;
	padding: 0px;
	white-space:nowrap /*IE hack*/; 
	width:100%; 
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
} 

/* MAIN MENU */
.navbar ul {
	list-style-type:none; 
	margin:10px 0 0 10px;
}
.navbar ul li {
	background:#8a8a8a repeat-y scroll right top;
	float:left; 
	list-style-type: none; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/; 
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
.navbar ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	height:3em; 
	line-height:3em; 
	padding:0 20px 0 20px; 
	text-decoration:none; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-transform:uppercase;
}
.navbar ul li a.active {
	background:#444;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
.navbar ul li ul {display:none; border:none;}

/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a { /*Color main cells hovering mode*/
	background:#888; 
	text-decoration:none;
} 
.navbar ul li:hover ul {
	display:block; 
	width:10.0em; 
	position:absolute; 
	z-index:1000; 
	top:2.4em; 
	margin-top:0.1em; 
	left:0; 
	padding:0px 16px 0px 16px; 
	border-top:solid 1px rgb(215,215,215);
}
.navbar ul li:hover ul li a {  /*Color subcells normal mode*/
	white-space:normal; 
	display:block; 
	width:10.0em; 
	height:auto; 
	line-height:1.3em; 
	margin-left:-17px; 
	padding:4px 16px 4px 16px; 
	border-right:solid 1px rgb(215,215,215); 
	border-left:solid 1px rgb(215,215,215); 
	border-bottom: solid 1px rgb(215,215,215); 
	background:#5F95C4 none repeat scroll 0 0; 
	font-weight:normal; 
	text-transform:none; 
	color:#FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
} 
.navbar ul li:hover ul li a.active {font-weight:bold; color:#B22222;}
.navbar ul li:hover ul li a:hover {background:#D60029; text-decoration:none;} /*Color subcells hovering mode*/

/* SUBMENU (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover { /*Color main cells hovering mode*/
	position:relative /*Sylvain IE hack*/; 
	z-index:1000 /*Sylvain IE hack*/; 
	background:#777; 
	text-decoration:none;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:2.5em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background:#5F95C4 none repeat scroll 0 0; font-weight:normal; text-transform:none; color:#FFFFFF;} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a.active {font-weight:bold; color:#B22222;}
.navbar ul li a:hover ul li a:hover {background-color:#D60029; text-decoration:none;} /*Color subcells hovering mode*/

/************************/
/*  Nifty Corners Cube  */
/************************/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*******************************/
/*  site specific formatting  */
/*****************************/

input, textarea, select {
	width:inherit!important;
}