﻿/****** Reset ******/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/****** Common ******/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #666666;
	font-size: 12px;
	font-family:  Arial, Tahoma, Sans-serif;
}

img {
    border: 0;
}

img.PictureLeft {
    float: left; padding: 0 10px 5px 0;
}

img.PictureRight {
    float: right; padding: 0 0 10px 10px;
}

a,
a:link,
a:active,
a:visited {
    color: #4F6B79;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

br.clear { 
    clear: both; 
}

ul {
    list-style-type: square;
    margin: 0;   
}

ul li {
    margin: 2px 0 2px 18px;
}

ol {
    list-style-type: decimal;
    margin: 10px 0;  
}

ol li {
	margin: 0 0 7px 28px;
	list-style-type: decimal;
}

ul.HorizontalMenu li {
	display: inline;
	list-style-type: none; 
	padding: 0;
	margin: 0;
}

ul.VerticalMenu li {
	list-style-type: none; 
	padding: 0px 5px 0px 4px;
	margin: 5px 0px 0px 0px;
}
.clear{clear:both;}

p {
    margin:10px 0;
    text-align:justify;
}


/*Title*/

h1, h2, h3, h4 {
    font-family: Arial, Tahoma, Sans-Serif;
}

h2
{
	font-size: 16px;
  font-weight: bold;	
  border-bottom: 1px solid #e5e5e5;
  color: #ff0100;
  margin:0 0 7px 0;
  padding:0 0 10px 0;
}

/* Layout (Sablon) */
div#Wrapper {
	width: 960px;
	margin: 10px auto;
}

div#Header
{
  background: #FFFFFF url('Layout/HeaderBg.gif') no-repeat; 
	height: 126px;
	margin: 0;  
}
div#Content
{
  background: #FFFFFF url('Layout/ContentBg.gif') repeat-y; 
  border-bottom: solid 1px #CCCCCC;
}
div#ColumnAlfa
{
  width: 809px;
  float: left; 
  padding: 15px 13px;
}
div#ColumnBeta
{
  width: 494px;
  float: left;   
  padding: 15px 13px;
}
div#ColumnGama
{
  width: 195px;
  float: left;
  padding:15px 5px;   
}
div#Footer{}

/*SERVICE MENU*/
ul#ServiceMenu {
	float: right;
	padding:10px 10px 0 0;
	margin: 0 0 28px 0;
}

ul#ServiceMenu  li
{
    padding: 0 4px;
    border-right: 1px solid #757374;
}

ul#ServiceMenu li.Last
{
    border:0;
    padding: 0;
}

ul#ServiceMenu li a
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #757374;
    text-decoration: none;
    padding: 0;
}

ul#ServiceMenu li a:hover { color: #9c2728; }

ul#ServiceMenu li a.SelectMenu
{
    color: #9c2728;
    padding: 0;
}

/*MENU AREA*/
div#MenuArea
{
  float:left;
  width: 123px;
  padding: 2px 0 0 2px; 
  margin: 0 0 10px 0;
}

div#MenuArea hr.Line
{  
  margin: 2px 0 0 0; 
  padding: 0;
  color: #a0a5a6;
}

div#MenuArea h2
{
  	font-size: 14px;
    font-weight: normal;	
    font-weight: bold;
    background: #3c4548;
    border: 0;
    color: #FFFFFF;
    padding:15px 5px 5px 5px;
    margin: 0;
}

/***** Common Messages *****/
.PositiveMessage 
{
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
    color: #669966;
    background: #EEFFEE;
    font-size: 1.3em;
    font-weight: bold;
}

.ValidationSummary ul li,
.NegativeMessage 
{
    color: #EE6666;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
    display: block;
    padding: 5px 10px;
    margin: 5px 0;
}