/* Width classes ***************************/

.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }



/* General classes *************************/

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.float-right { float: right; }
.valign-middle { vertical-align: middle; }
.valign-top { vertical-align: top; }

.float-left { float: left; }
.float-right { float: right; }
.float-clear { clear: both; }

.bold { font-weight: bold; }
.bold-italic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }

.padding-right { padding-right: 10px; }

.invisible { display: none; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }


/* Color classes ***************************/

li.disabled, a.disabled, a:hover.disabled { color: #aaaaaa; }

.blue-bg { background-color: #3f96e9; }
.blue-border { border: solid 1px #1f76c9; }
.blue-text, .blue-text a, .blue-text a:hover, .blue-text h1, .blue-text h2, .blue-text h3  { color: #004194; }

.black-bg { background-color: #000000; }
.black-border { border: solid 1px #000000; }
.black-text, .black-text a, .black-text a:hover, .black-text h1, .black-text h2, .black-text h3  { color: #000000; }

.brown-bg { background-color: #996633; }
.brown-border { border: solid 1px #693603; }
.brown-text, .brown-text a, .brown-text a:hover, .brown-text h1, .brown-text h2, .brown-text h3 { color: #663300; }

.green-bg { background-color: #7c8238; }
.green-border { border: solid 1px #5c6218; }
.green-text, .green-text a, .green-text a:hover, .green-text h1, .green-text h2, .green-text h3 { color: #5c6218; }

.red-bg { background-color: #cc3333; }
.red-border { border: solid 1px #990000; }
.red-text, .red-text a, .red-text a:hover, .red-text h1, .red-text h2, .red-text h3 { color: #950000; }

.yellow-bg { background-color: #ffcc33; }
.yellow-border { border: solid 1px #efac03; }
.yellow-text, .yellow-text a, .yellow-text a:hover, .yellow-text h1, .yellow-text h2, .yellow-text h3 { color: #efac03; }


/* Highlight classes ***************************/

.highlight
{ 
	border: solid 1px #cc6666;
	background: #ffdddd;
}

.highlight_green
{ 
	border: solid 1px #66cc66;
	background: #ddffdd;
}



/* Separators *******************************/

.separator
{
	margin-top: 5px;
	margin-bottom: 5px; 
	font-size: 1px;
	height: 5px;
	border-bottom: solid 1px #dddddd;
	background-image: url(../../img/default/bg_lines.gif);
}


/* Borders **********************************/

.border
{
	border: solid 1px #dddddd;
}

