@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */


/*--------------------------------------------------------------------------------------------------------
1.-Main/Default Elements
--------------------------------------------------------------------------------------------------------*/

body {
  background:#ffffff;
  color: #525252;
  font:12px Arial, Helvetica, sans-serif;
  position:relative;
}

/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.bold {font-weight:600;}
.italic {font-style:italic;}

a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

/* ** ** ul li's ** ** */
ul{
  list-style:outside disc;
}
ul,ol{
  margin:0 0 1.5em 1.5em;
  padding:0;
}
li ul,li ol{
  padding:0;
  margin:0;
  /*margin:0 0 1.5em 1.5em;*/
}


/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}

/*
--------------------------------------------------------------------------------------------------------
2.-header/Default Elements
--------------------------------------------------------------------------------------------------------
*/
header {border-bottom:1px solid #ccc; height:30px;}

/*
--------------------------------------------------------------------------------------------------------
2.1.-Nav/Default Style
--------------------------------------------------------------------------------------------------------
*/

header nav ul{margin-left:0px; /*margin-top:12px;*/}

header nav ul li {float:left;}
header nav ul li a {display:block; padding:5px 15px; border-right:1px solid #eee; font-size:1.52em; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}

header nav ul li a:hover {background-color:#eee;}
header nav ul li.last a {border-right:none;}

/* Submenu */
header nav ul#nave li  ul.submenu {  
	position:absolute;
	background:#ECF6FC;
	z-index:2;
	}
header nav ul#nave li  ul.submenu li{  
	float:none;
	}
header nav ul#nave li  ul.submenu li a{  
	width:200px;
	float:none;
	}


/*--------------------------------------------------------------------------------------------------------
3.-Content/Default Styles
--------------------------------------------------------------------------------------------------------*/


#css3 div > div {margin:0px 0px 50px 0px; padding:6px; border:1px solid #eee;}
#grid div {text-align:center;  }
#grid div > .col {border-bottom:1px solid #ccc; padding:10px 0px; outline:1px solid #eee;}

h2 {border-bottom:1px dashed #ccc; margin-top:15px;}

.documentation {display:block; background-color:#eee; padding:6px 13px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-align:right; text-shadow:-1px -1px 0px #fff;}


table.data { width: 100%; border: 0; margin-bottom: 2em; border-collapse: collapse;  }

table.data thead th
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding: 10px;
	background-color: EEE;

	color: #333;
	
	border: 1px solid #ddd;
}	

table.data td { vertical-align: top; }

table.data tbody tr td { background: #FFF; border-bottom: 1px dotted #DDD; }

table.data th { padding: 10px 0; }
table.data tbody td { padding: 10px; }

table.data tr.even td { background: #F9F9F9; }

table.data.stripe tr:nth-child(odd) td { background-color:#F6F6F6; }
table.data.stripe tr:nth-child(even) td { background-color:#FFF; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

table.display thead tr { 
	background: #EEE;
	background:-moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* IE10+ */
	background:linear-gradient(top, #FFFFFF 0%,#EEEEEE 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF', endColorstr='#FFFFF')";
}

table.display thead th {
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}
table.data tbody tr.striped td{
	background: #ecf6fc;
}
/** Notices and Errors **/
div.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background: #c73e14;
	padding: 5px;
}
div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}
h4.trigger{
	cursor:pointer;
}

div.toggle_container ul{
	list-style:none;
}
div.toggle_container ul li{
	padding:5px 0px;
	float:left;
	width:200px;
	height:30px;
	margin-right:5px;
	border:1px dotted #cccccc;
	text-align:center;
}

div.toggle_container ul li a{
	text-decoration:none;
}
div.toggle_container ul li a:hover{
	text-decoration:underline;
}
form#ContactAdminIndexForm label{
	display:inline;
}
div#searchContacts{
	margin-bottom:10px;
}
div#sendLink h4{
	margin-top:30px;
}

#upload_button {
    text-align:center;
    background:#01AAED;
	cursor: pointer;
    color:#ffffff;
    font-weight:bold;
    padding:5px;
    margin:auto;
}
/*--------------------------------------------------------------------------------------------------------
3.-Footer/Default Styles
--------------------------------------------------------------------------------------------------------*/
footer {text-align:center; color:#666; font-size:0.9em; padding:4px 0px;}