/******************/
/* GENERAL STYLES */
/******************/

*{
	border: 0px;
	padding: 0px;
}

html{
	font-size: 100%;
	color: #444444;
}

/* Titles */
h1, h2, h3, h4, h5, h6{
	margin: 1em 0 .5em 0;
	color: #00BCE2;
	clear: both;
}
h1, h2{
	font-weight: normal;
}
h1{ font-size: 3em; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.2em; }
h4{ font-size: 1em; }
h4{ font-size: 0.8em; }
h1, h2, h3, h4, h5{
	border-bottom:1px dotted #00A9E1;
	color:#00A9E1;
	margin-left:10px;
}
h2.full{
	background:transparent url(images/h1_line.png) no-repeat scroll 0 0;
	border: none;
	color:#00A9E1;
	font-size:24px;
	font-weight:normal;
	height:34px;
	margin-bottom:10px;
	margin-top: 0;
	margin-left: 10px;
	overflow: hidden;
	width: 660px;
}
h2.full span.title-more{
	float:right;
	font-size:14px;
	font-weight:bold;
	line-height:34px;
	margin-right: 10px;
}

h2.yoomodal{
	color:#2D2D2D;
	font-family:Arial,Helvetica,verdana;
	font-size:25px;
	font-weight:bold;
	margin-top:0;
	border: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

/* Quotes */
blockquote, q{
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote{
	margin: .75em 0 .75em 24px;
}
cite{
	font-style: italic;
}

/* Inline elements */
em{
	font-style: italic;
}
strong{
	font-weight: bold;
	/* color: dimgray; */
}

/* Special elements */
hr{
  background: #0FC0EE;
	height: 4px;
	width: 100%;
	clear: both;
}
pre, code{
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre{
	width: 90%;
	overflow: auto;
	/* overflow-y: hidden; */
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong{
	font-weight: normal;
	color: black;
}
.floatLeft{
	margin: 10px;
	float: left;
}
.floatRight{
  margin: 10px;
	float: right;
}
.ajaxLoad{
  background-color: #F3F09F;
  font-weight: bold;
  font-family: Arial;
  font-size: 13px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
}
.clear{
	clear: both;
}
.alert-error{
	background:#FFDFDF url(images/icons/icon_error.png) no-repeat 10px 50%;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0;
	padding:7px 7px 7px 35px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85%;
}
.alert-warning{
	background:#FFF6BF url(images/icons/icon_warning.png) no-repeat 10px 50%;
	border-color:#FFD324;
	border-style:solid;
	border-width:1px 0;
	padding:7px 7px 7px 35px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85%;
}
.alert-information{
	background:#B5D4FE url(images/icons/icon_information.png) no-repeat 10px 50%;
	border-color:#88BBFF;
	border-style:solid;
	border-width:1px 0;
	padding:7px 7px 7px 35px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85%;
}
.alert-success{
	background:#C8FFBF url(images/icons/icon_accept.png) no-repeat 10px 50%;
	border-color:#A2EF95;
	border-style:solid;
	border-width:1px 0;
	padding:7px 7px 7px 35px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85%;
}
/* Bubble */
.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 24px;
}

.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(apps/agenda/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

#dim-light{
	background-color:#000000;
	opacity:0.8;
	position: fixed;
	left:0;
	top:0;
	height: 100%;
	width: 100%;
	z-index:99;
}

.live_tooltip{
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: default;
	border: 1px solid rgb(153, 154, 170);
	padding: 10px;
	position: absolute;
}

/* Links */
a{
	color: #678197;
	outline-style:none;
}
a:hover, a:focus{
	color: #3784DF;
}
a img{
	border: none;
}


/* Datas Tables */
table.datas a,
table.datas a:link,
table.datas a:visited {
	border:none;
	}
table.datas {
	width:95%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin: auto;
		border-collapse:collapse;
	}
table.datas tr.odd td,
table.datas tr.odd .column1 {
	background:#f4f9fe url(images/table-cell-background.gif.gif) no-repeat;
	}
table.datas .column1	{
	background:#f9fcfe;
	}
table.datas td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}
table.datas th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}
table.datas thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3;
	}
table.datas tfoot th {
	background:#f4f9fe;
	text-align:center;
	}
table.datas tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}
table.datas tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}

/* List Tables */
table.list{
	display: block;
	background-color: #F2FAFF;
	border-collapse: collapse;
}

table.list tr{
	height: 50px;
}

table.list tr td{
	border-bottom: 1px solid #FFFFFF;
}

table.list tr td.full{
	width: 100%;
	padding-left: 7px;
}

table.list tr td b{
	font-size: 14px;
}

table.list tr td i{
	color: #CCCCCC;
	font-size: 11px;
}

/* BASIC LITE FORMS */

form.lite{
margin: 10px;
}

form.lite p{
clear: both;
&margin-top: -5px;
&margin-bottom: -5px;
}

form.lite label{
display:block;
float:left;
font-weight:bold;
text-align:right;
line-height:30px;
width:25%;
font-size:13px;
}

form.lite .right-label{
display:block;
&margin:2px 0 0px 10px;
padding-top: 6px;
&padding-top: 9px;
font-size:12px;
}

form.lite .input{
background: #FFF url(images/input-background.png) repeat-x;
border:1px solid #94d0f2;
float:left;
font-size:12px;
margin:2px 0 10px 10px;
&margin:2px 0 0px 10px;
padding:4px 2px;
width:200px;
}

form.lite .select{
font-size:12px;
margin:9px 0 2px 10px;
&margin:9px 0 5px 10px;
border:1px solid #94d0f2;
&float: left;
}

form.lite .checkbox, form.lite .radio{
font-size:12px;
margin:9px 0 2px 10px;
&margin:9px 0 5px 10px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
form.lite input.submit{
-moz-border-radius:8px;
-webkit-border-radius: 8px;
margin-top: 15px;
margin-left: 28%;
background:#FE5933 none repeat scroll 0 0;
border:1px solid #FFF;
color:#FFFFFF;
font-size:12px;
padding:4px 7px 6px;
cursor: pointer;
font-weight: bold;
}

form.lite input.submit:hover{
background:#EA5C3C none repeat scroll 0 0;
color:#FFFFFF;
}

form.lite input.button{
-moz-border-radius:8px;
-webkit-border-radius: 8px;
margin-top: 15px;
background:#FE5933 none repeat scroll 0 0;
border:1px solid #FFF;
color:#FFFFFF;
font-size:12px;
padding:4px 7px 6px;
cursor: pointer;
font-weight: bold;
}

form.lite input.button:hover{
background:#EA5C3C none repeat scroll 0 0;
color:#FFFFFF;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* GENERAL FORMS */

input.textInput{
	background: #FFF url(images/input-background.png) repeat-x;
	border:1px solid #94d0f2;
	font-size:12px;
	padding:4px 2px;
}

select.select{
	font-size:12px;
	border:1px solid #94d0f2;
	&float: left;
}

input.checkbox, input.radio{
	font-size:12px;
	border: 0;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
input.button, button.button{
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	background:#FE5933 none repeat scroll 0 0;
	border:1px solid #FFF;
	color:#FFFFFF;
	font-size:12px;
	padding:4px 7px 6px;
	padding-left: 0 !important!;
	padding-right: 0 !important!;
	padding-top: 4px !important!;
	padding-bottom: 4px !important!;
	cursor: pointer;
	font-weight: bold;
}

input.button:hover, button.button:hover{
	background:#EA5C3C none repeat scroll 0 0;
	color:#FFF;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

input.inlineButton, button.inlineButton{
	background-color:#6FB7DF;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	cursor: pointer;
	padding-left:5px;
	padding-right:5px;
}

input.iconButton, button.iconButton{
	background: url(images/icons/icon_add.png) no-repeat;
	height: 16px;
	width: 16px;
	cursor: pointer;
	margin-left: 5px;
}

/* Special Forms */
form.home label{
  display: block;
}

form.home input.input-text{
  background: transparent url(images/input-text.png) no-repeat scroll 0;
  padding-left: 15px;
  margin-top: 10px;
  width: 174px;
  height: 24px;
  margin-bottom: 5px;
  border: 0;
  line-height: 24px;
}

form.home input.input-text:active, form.home input.input-text:focus
{
	outline-color: -moz-use-text-color;
  outline-style: none;
  outline-width: 0pt;
}

form.home input.input-submit{
  background: url(images/input-submit.png) no-repeat;
  width: 125px;
  height: 36px;
  padding-bottom: 4px;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  border: 0;
}

form.home input.input-submit:hover{
	background: url(images/input-submit-hover.png) no-repeat;
}

a.buttonStyle{
	-moz-border-radius:8px 8px 8px 8px;
	background:none repeat scroll 0 0 #FE5933;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	line-height: 15px;
	padding:4px 7px 6px;
}

a.buttonStyle:hover{
	background:#EA5C3C none repeat scroll 0 0;
	color:#FFF;
}

/* Uniforms special style */
.uniForm{ padding: 20px; background: #F2FAFF; -webkit-border-radius: 7px; }
  .uniForm fieldset{ margin: 0 0 1.5em 0; }
    .uniForm .inlineLabel em{ left: 10px !important; }
      .uniForm .inlineLabels .ctrlHolder .multiField.phoneNum .blockLabel{ width: auto; }
      .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_ccode.textInput,
      .uniForm .inlineLabels .ctrlHolder .multiField .blockLabel #phone_area.textInput{ width: 4em; }