/******************************/
/* Global styles (whole site) */
/******************************/

body {
	font: 12px "Trebuchet MS",Tahoma, Helvetica, Arial, Verdana, sans-serif;
	color: #c5c5c5;
}
/* font-size for tables is not inherited in IE5.x */
table, input, select, textarea {
	font: 12px Tahoma, Helvetica, Arial, Verdana, sans-serif; /* Do not define line-height for select-s, table... */
	color: #2d2c2b;
}


/***** Links *****/
 
a {
    color:#27AFB8;
	text-decoration: none;
}
a:hover {color:#87eff6}

/***** Headings *****/
h1 {
	/*letter-spacing:-1px;*/
	font-size:16px;
}
h2 {
	/*letter-spacing:-1px;*/
	font-size:14px;
}
h3 {
	font-size:12px;
}
h4, h5, h6 {
	
}

/***** Lists *****/
ul, ol {
	/* There are diferences when nesting LISTS in IE6/7 and FF. Margin-left 20px is good in FF, ~25px is good in IE6/7 */
	/* Please, do not remove this comment, but change (or comment) declaration when needed */
	/*margin-left: 21px;*/
}
ul {
	/*list-style-type: disc;*/
	list-style-type: none;
}
ol {
	/*list-style-type: decimal;*/
	list-style-type: none;
}

/***** Paragraphs *****/
p {
	/* text-indent: 20px; */
}

/***** Forms *****/
textarea {
	
}
select {
	padding: 2px 0;
}
option {
	padding: 1px 3px;
}
.inputText, .inputPassword {
	padding: 1px 2px;
	border: 1px solid #cccccc;
}
label {
	cursor:pointer; /* Comment if not necessary */
}

/***** Common classes *****/
.clear {
	clear: both;
	width: 0px; /* 	width: 100%; for IE ??? */
	height: 0px;
	overflow: hidden;
	font-size: 1px; /* needed for IE5.x <div class="clear"></div> */
}

.clearAfter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Now fixes for IE */
.clearAfter {display: inline-block;} /* fixes IE/Mac */
/* Hides from IE-mac \*/
* html .clearAfter {height: 1%;}
.clearAfter {display: block;} /* restores display:block for all, except IE/Mac */
/* End hide from IE-mac */

.hr { /*replaces tag 'hr' */
	background-color: #aeaeae;
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	overflow: hidden;
}

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.img-left, .picleft      { float:left; margin:4px 10px 4px 0; }
.img-right, .picright     { float:right; margin:4px 0 4px 10px; }

.center { /*replaces tag 'center' */
	margin: 0 auto;
}

.userText {
    color: #291f1d;
}
    .userText p {
        line-height: 130%;
        padding: 5px 0;
    }
    .userText a {
        color: #eeb711;
    }
    .userText a:hover {
        color: #433830;
    }
	.userText h1 {
	    padding: 0 0 10px 0;
	    font-size: 14px;
	}
.error {
    color: #cc0000;
}
.success {
    color: #02922e;
}
.pic_centering{
	width: 100%;
	height: 100%;
}
	.pic_centering tr td{
		vertical-align: middle;
		text-align: center;
	}