* {
/*	font-family: Colibri, Tahoma, Arial, Helvetica;
	font-size:10.15pt;
*/
	font-family: Open Sans;
	color:#444;
	line-height: 1.5;
}

/* Main Body */
body {
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
/*	background-image: url(pics/body_bg.png);
	background-repeat: repeat-x;*/
	height:100%;
}

a {
	text-decoration:none;
	color: #336699;
}
a:hover {
	text-decoration:none;
	color: #336699;
	/*font-weight:bold;*/
}

br { 
	line-height: 120%;
}

/* To Messages */
/* Show topmsg messages */
div.topmsg_success {
    position: fixed;
    height: 20px;
    width: 400px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -200px;
    text-align:center;
    /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
    font-size:120%;
    color:#333;
    padding:10px;
    background-color:lightgreen;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    -moz-box-shadow: 0 0 3px 1px #000;
        -webkit-box-shadow: 0 0 3px 1px #000;
        box-shadow: 0 0 3px 1px #000;
    z-index: 99;
}
div.topmsg_info {
    position: fixed;
    height: 20px;
    width: 400px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -200px;
    text-align:center;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-size:120%;
    color:#ffffff;
    padding:10px;
    background-color: #3369e8; /* google color */
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        border-radius: 3px;
    -moz-box-shadow: 0 0 3px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        box-shadow: 0 0 3px 1px #ddd;
    z-index: 99;

}

div.topmsg_error {
    position: fixed;
    height: 20px;
    width: 400px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -200px;
    text-align:center;
    /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
    font-size:120%;
    color:#fff;
    padding:10px;
    background-color:red;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    -moz-box-shadow: 0 0 3px 1px #000;
        -webkit-box-shadow: 0 0 3px 1px #000;
        box-shadow: 0 0 3px 1px #000;
    z-index: 99;
}

div.topmsg_warning {
    position: fixed;
    height: 20px;
    width: 400px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -200px;
    text-align:center;
    /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    font-size:120%;
    color:#333;
    padding:10px;
    background-color: #F9A64D;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    -moz-box-shadow: 0 0 3px 1px #000;
        -webkit-box-shadow: 0 0 3px 1px #000;
        box-shadow: 0 0 3px 1px #000;
    z-index: 99;
}

/* Top workspaces */
div.topworkspaces {
    position: absolute;
    height: 17px;
    width: 320px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -160px;
    text-align:center;
    /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    font-size:110%;
    color:#333;
    padding:5px;
    background-color: #fafafa;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    -moz-box-shadow: 0 0 3px 1px #000;
        -webkit-box-shadow: 0 0 3px 1px #000;
        box-shadow: 0 0 3px 1px #000;
}

div.topworkspaces_all {
    position: absolute;
    height: 25px;
    width: 400px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -200px;
    text-align:center;
    /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    font-size:100%;
    color:#fff;
    padding:5px;
    background-color: #F9A64D;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    -moz-box-shadow: 0 0 3px 1px #000;
        -webkit-box-shadow: 0 0 3px 1px #000;
        box-shadow: 0 0 3px 1px #000;
}


/* Loading Image */

#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 150px;
  left: 50%;
  /* left: center; */
  z-index: 100;
}

/* Counters 
   Small counters for msg , emails etc
*/
.counter {
	height: 18px;
	width: 23px;
	display: inline-block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
	color:#fff;
	background-color:#aaa;
	text-align:center;
	margin-right:20px;
}


/* Buttons */
.button_green{
	border:1px solid #79C753;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	text-decoration:none;
	display:inline-block;
	color: #FFFFFF;
	background-color:#79C753;
/*
	background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 	background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 	background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 	background-image: -ms-linear-gradient(top, #4ba614, #008c00);
	background-image: -o-linear-gradient(top, #4ba614, #008c00);
	background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
*/
}

.button_green:hover{
 border:1px solid #224b09;
 background-color: #36780f; background-image: -webkit-gradient(linear, left top, left bottom, from(#36780f), to(#005900));
 background-image: -webkit-linear-gradient(top, #36780f, #005900);
 background-image: -moz-linear-gradient(top, #36780f, #005900);
 background-image: -ms-linear-gradient(top, #36780f, #005900);
 background-image: -o-linear-gradient(top, #36780f, #005900);
 background-image: linear-gradient(to bottom, #36780f, #005900);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}

button.button_main{
	border:1px solid #4F84C4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	text-decoration:none;
	display:inline-block;
/*	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold; */
	color: #FFFFFF;
	background-color: #4F84C4;
/*
 background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
*/
}

button.button_main:active {
        position:relative;
        top:1px;
}

button:disabled {
   background-color: #E5E5E5;
   border-color: #CCCCCC;
   background-image: none;
   color: black;
}

button.button_main:disabled {
	background-color:#fafafa;
}

/* Secondary button for ALL templates */
span.button_secondary {
        margin-left:20px;
	-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 10px 5px 10px;
        text-decoration:none;
        display:inline-block;
	cursor:pointer;
	font-size:90%;
        background: #33A1DE;
        color:#fff;
}

/*Accept / reject Buttons*/
.small_green {
	padding-left:2px;
	padding-right:2px;
	color:#fff;
	background-color:#00cc00;
	-moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #218621;


}
.small_orange {
        padding-left:2px;
        padding-right:2px;
        color:#fff;
        background-color:#ff9900;
	-moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #cc7a00;
}


/* Main Site - Table  - Full Page*/
table.mainsite {
	width:100%;
	background-color:#ffffff;
	border:0px solid #ccc;
	border-collapse:collapse;
}

div.mainsite {
	width:100%;
}

/* Full width TOP header */
div.header {
        width:100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
/*	box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2), 0 0px 20px 0 rgba(0, 0, 0, 0.19); */


}

/* Full size div - ALL screen*/
div.fullscreen {
        width:100%;
        height: auto;
	border-top:5px solid #4F84C4;
        background-color:#ffffff;
}


/* Header */
tr.header_main {
	height:104px;
	/* background :#222 url(../../../pics/bg_header.png) repeat-x; */
/*
	-moz-box-shadow: 0 30px 10px 0 #666;
	-webkit-box-shadow: 0 30px 10px 0 #666;
	box-shadow: 0 30px 10px 0 #666;*/
	border-bottom:0px solid #ddd;
}

div.header_main {
        height:110px;
        /*background-color:#222;
        background-image: url(../pics/bg_header.png);*/
        /*background-size:cover; */
        -moz-box-shadow: 0 6 0px 0 #666;
        -webkit-box-shadow: 0 6 0px 0 #666;
        box-shadow: 0 6 0px 0 #666;
        margin:0 auto;
}


/* If Page background selected the below will fill the header for the rest of pages - except home. */
#header_main_id {
	border-bottom:1px #fafafa;
}
#header_bk_id {
}

td.header {

}
table.header_php {
	width:100%;
}
td.logo {
	font-weight:bold;
	font-size:120%;
	vertical-align:bottom;
	width:250px;
}
td.login {
	color:#ccc;
	font-weight:normal;
	vertical-align: top;
	margin-top:10px;
	height:60px;	
}
/* Login button (top right) */
.login_button {
	border:2px solid #79C753;  
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	text-decoration:none; 
	display:inline-block;
	background-color:#fff;
}

.login_button_form {
	border:0px solid #79C753;  
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 10px 5px 10px;
        text-decoration:none;
        display:inline-block;
        background-color:#79C753;
	color:#fff;
}

.header_link {
	color:#fafafa;
	text-decoration:underline;
}

input {
	border:1px solid gray;
	padding:4px;
	color: #333;
	-webkit-border-radius: 2px;
       -moz-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0 0 1px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        box-shadow: 0 0 1px 1px #ddd;

}

/* Home Page */
table.signup {
	width:400px;
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 3px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        box-shadow: 0 0 3px 1px #ddd;
	background-color: #dceafe;
	background-color: #fafafa;
	padding:20px;

}

/* Sign Up button (top right) */
.signup_button {
	border:2px solid #4F84C4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	text-decoration:none; 
	display:inline-block;
	background-color:#fff;
}

/* Main Page - Table2 - DATA */
td.main_page {
	padding:20px;
	background-color:#fff;
	vertical-align:top;
/*	-moz-box-shadow: 0 -0px 12px 0 #666;
	-webkit-box-shadow: 0 -0px 12px 0 #666;
	box-shadow: 0 -2px 12px 0 #666; */
	height:550px; 
	
}

/* DashBoard */
table.dashboard {
	width:100%;
	height:100%;

}
td.dash_left {
	vertical-align: top;
	padding:10px;
	width:200px;
	max-width:200px;
}
td.dash_center {
	vertical-align: top;
	padding:10px;
	border-left:0px solid #fafafa;
}
td.dash_right {
	width:200px;
	max-width:200px;
	vertical-align: top;
	padding:10px;
	border-left:0px solid #fafafa;
}

/* Site Widgets */
hr.separator {
	border:1px solid #fafafa;
}

img.with_text {
	margin-bottom:-2px;
	padding-right:5px;
	padding-left:5px;
}

table.widget {
	width:100%;
	background-color:#fbfbfb;
	border-left:1px solid #fafafa;
	border-right:1px solid #fafafa;
	border-bottom:1px solid #fafafa;
	-webkit-border-top-left-radius: 5px;
        -moz-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
        -moz-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
	border-spacing:0px;
	border-collapse:collapse;

}

th.header_widget {
	/*background :#fff url(../pics/bg_menu.png) repeat-x; */
	background-color: #eee;
	color: #333;
	padding:10px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
	border-bottom:1px solid #ddd;
	font-size:105%;
}
 
td.header_content {   /* Use for data tables etc */
	padding:6px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #336699;
	border-bottom: 1px solid #fafafa;
	color:#fff;
	border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom:1px solid #ddd;
	font-weight:bold;
	font-size:105%;

}

td.content_widget {
	padding:6px;
	background-color: #fff;
	vertical-align:top;
}

tr.line_hover:hover td {
	background-color: #ffffdd;
}
tr.line_under {
	border:1px solid #fafafa;
}

/* Home Page - After Login 
   -------------------------
*/
table.user_profile {
	height:150px;
	width:100%;
	background-color:#336699;
	border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom:1px solid #ddd;
	border-collapse: collapse;
	border:0px solid #fafafa;

}

/* Not use 
img.user_avatar {
	height:64px;
	width:64px;
	margin-top:-38px;
	margin-left:5px;
	background-color:#fff;
	-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

}
*/

/*  Home Page - Stream Line
    --------------------------
*/

table.shareit {
	width:100%;
	border:1px solid #ddd;
	background-color:#eee;
        -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
        border-radius: 3px;
        -moz-box-shadow: 0 0 3px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        box-shadow: 0 0 3px 1px #ddd;

}

textarea.shareit_text {
	background-color:#fff;
	width:98%;
	resize:none;
	height:48px;
	
}
td.shareit_bottom {
	background:color:#fff;
	padding:5px;
	height:30px;
}

table.main_streamline {
	margin-top:20px;
	margin-left:20px;
	margin-right:10px;
	background-color:#fff;
	border-left:3px solid #aaa;
	height:500px;
	width:95%;
}

img.avatar_streamline {
	height:32px;
	width:32px;
	z-index:999;
	margin-left:-20px;
	margin-top:-8px;
	background-color:#fff;
	 -moz-box-shadow: 0 0 3px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        box-shadow: 0 0 3px 1px #ddd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;


}

table.user_stream {
	width:95%;
	margin-top:-10px;
	border:0px dotted #aaa;
	border-collapse:collapse;
	padding:10px;
	height:80px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radious:4px;
	 -moz-box-shadow: 0 0 3px 1px #ddd;
        -webkit-box-shadow: 0 0 1px 1px #ddd;
        box-shadow: 0 0 3px 1px #ddd;

}

/* Forms
   ----------
*/
/* Form Title */
td.form_title {
	background-color:#336699;
	padding:6px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:105%;
	font-weight:bold;
	color:#fff;
	text-align:left;
	border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom:1px solid #ddd;

}
/*   - Left */
td.form_text {
	padding:6px;
	vertical-align:top;
	width:100px;
}
/* Form Input TDs
   - Right column
*/
td.form_input {
	padding:6px;
	vertical-align:top;
	width:500px;
}

/* Calendar */
/* ---------*/
/* calendar */
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:60px; position:relative; } * html div.calendar-day { height:60px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:60px; } * html div.calendar-day-np { height:60px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }

/* calendar-widget */
table.calendar-widget          { border-left:1px solid #999; }
tr.calendar-row-widget {  }
td.calendar-day-widget { min-height:60px; font-size:11px; position:relative; } * html div.calendar-day-widget { height:60px; }
td.calendar-day-widget:hover   { background:#eceff5; }
td.calendar-day-np-widget      { background:#eee; min-height:60px; } * html div.calendar-day-np-widget { height:60px; }
td.calendar-day-head-widget { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
/*div.day-number-widget  { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; } */
/* shared */
td.calendar-day-widget, td.calendar-day-np-widget { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }



/* Banner Left/Right */
td.banner_main {
	padding-top:10px;
	vertical-align:top;
}


/* Footer 
   Used in index.php
 * */

.footer {
	bottom:0;
	position:absolute;
	margin:0 auto;
	width:100%;
}

.footer_tbl {
	width:100%;
}

.footer_link {
	text-decoration:none;
	font-weight:bold;
	color: #444;
	font-weight:normal;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);	*/
}

td.footer_header {
	font-weight:bold;
	/* color:#3093c8; */
	color:#333;
	text-transform: uppercase;
	padding-bottom:5px;
	padding-top:10px;
	font-size:110%;
	border-bottom:1px dotted #666;
}

.copyright {
	color:#666;
	font-weight:normal;
	font-size:90%;
}

.section_text {
	color:#fff;
}

td.about_footer {
	padding:3px;
	font-size:90%;
	border-top:0px solid #fafafa;
	color:#ccc;
	text-align:center;
}
.digispace_link {
	color:#ccc;
	font-size:90%;
}

/* Simple Footer 1 line footer */
.simple_footer {
        background-color:#fafafa;
        border-top:1px solid #f1f1f1;
        height:60px;
}
.simple_footer_content {
        line-height:45px;
        vertical-align:middle;
        color:#666;;
}
.simple_footer_content_text {
        color:#666;
        text-decoration:none;
        font-size:9.5pt;
}

.simple_footer_mob {
        background-color:#fafafa;
        border-top:1px solid #f1f1f1;
}

.digifooter {
        background-color:#fafafa;
        border-top:1px solid #f1f1f1;
        font-size:8pt;color:#888;
}

.digilink {
        color:#fff;
}


/* Other Stuff */
#freeimg {
	position:absolute;
	margin-top: -20px;
	margin-left:150px;
	text-align:right;
}


/* Articles 
   ------------- */
/* ReadMore button */
.readmore {
	border:1px solid #4F84C4;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 10px 5px 10px;
        text-decoration:none;
        display:inline-block;
/*      text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 *              font-weight:bold; */
        color: #FFFFFF;
        background-color: #4F84C4;
}

.readmore:hover{
	color:#fff;
}

/* HR separator */
hr.fancy-line {
	border:1px solid #f4f4f4;
	margin-top:30px;
	margin-bottom:40px;
	
}

.article_title {
	font-weight:bold;
	margin-top:10px;
	color:#999;
	font-size:130%;
}

.article_title_cat { /* Title of a  article under a category - see pageformat category parameter */
	font-weight:bold;
	margin-top:10px;
	color:#999;
	font-size:115%;
}


/* Widgets */
/* Carousel */
div.dgcarousel {
	border:0px solid #fcfcfc;
	margin-top:-2px;
}

/* NewScroller */
.newsscroller{
        border: 0px solid black;
}
.scroller_msg {
	color:#666;
	font-weight:bold;
	font-size:120%;
	
}
.scroller_link {
	font-weight:bold;
	color:#336699;
	font-size:120%;
}

/* Social Media Top-Bar */
div.socialmedia {
    position: absolute;
    height: 17px;
    width: 100px;
    top: 0%;
    left: 50%;
    /*margin: -100px (1/2 of heigh 0 0 -200px 1/2 of width; */
    margin-left: -50px;
    text-align:center;
    /* text-shadow: -1px -1px 0 rgba(0,0,0,0.3); */
    color:#333;
    padding:5px;
    background-color: #336699;
    border:1px solid #336699;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
/*
    -moz-box-shadow: 0 0 3px 10px #000;
    -webkit-box-shadow: 0 0 3px 10px #000;
    box-shadow: 0 0 3px 10px #000; 
    z-index: 99; */

}

/* Contact Us form */
table.contactformtable {
        /* background-color:#fff;
        border:1px solid #66757F; */
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
	margin-top:30px;
	/* CDE - Helionmind */
	width:100%;
}

span.contactform_text {
        font-size: 90%;
   	font-weight:700;
	letter-spacing:1px;
}

span.contactaddress {
        margin-top:20px;
}

input.contactinput {
        width:100%;
        padding:7px;
	padding: 10px 12px;            /* comfortable padding */
	border: 1px solid #2A3B50;     /* palette-consistent border */
    	border-radius: 6px;             /* subtle rounding */
    	background-color: #fff;     /* dark input background */
    	color: #1E2B3B;                 /* text color */
    	font-size: 1em;
    	transition: all 0.3s ease;
}
.custom_contactus_number {
	padding: 5px 7px;            /* comfortable padding */
        border: 1px solid #2A3B50;     /* palette-consistent border */
        border-radius: 6px;             /* subtle rounding */
        background-color: #fff;     /* dark input background */
        color: #1E2B3B;                 /* text color */
        font-size: 1em;
        transition: all 0.3s ease;
}

.custom_contactus_captcha {
        padding: 5px 7px;            /* comfortable padding */
        border: 1px solid #2A3B50;     /* palette-consistent border */
        border-radius: 6px;             /* subtle rounding */
        background-color: #fff;     /* dark input background */
        color: #1E2B3B;                 /* text color */
        font-size: 1em;
        transition: all 0.3s ease;
}
p.captcha_refresh {
	 font-size: 90%;
        font-weight:700;
        letter-spacing:1px;

}

span.vercode {
	 font-size: 90%;
        font-weight:700;
        letter-spacing:1px;
}

textarea.contacttextarea {
        width:100%;
        height:50px;
	padding: 10px 12px;            /* comfortable padding */
        border: 1px solid #2A3B50;     /* palette-consistent border */
        border-radius: 6px;             /* subtle rounding */
        background-color: #fff;     /* dark input background */
        color: #1E2B3B;                 /* text color */
        font-size: 1em;
        transition: all 0.3s ease;

}

th.contactheader {
        font-weight:bold;
      /*  color:#fff;
        background-color:#2A3B50;*/
	color:#2A3B50;
        padding:10px;
        text-align:left;
        font-size:120%;
        border-bottom: 3px solid #2A3B50;

}

/* Contact Us form - MOBILE version */
div.contactus_main_mob {
         margin: auto; 
         border:1px solid #66757F;
         width:100%;
         max-width:600px;
         float:center;
         border-radius:5px;
         border-radius:5px;
        /*      overflow:hidden; */
         background-color:#fff;
	margin-top:30px;
}
div.contactus_header_mob {
         float:left;
         width:100%;
         padding-top:12px;
         padding-bottom:12px;
         border-bottom:1px solid #666;
         border-top-left-radius:5px;
         border-top-right-radius:5px;
         font-weight:bold;
         background-color: #66757F;
}

span.contactus_text_mob {
         margin-left:12px;
         font-size:115%;
         color:#fff;
}

span.contactform_text_mob {
         color:#666;
         font-size: 105%;
}

input.contactinput_mob {
          padding:1px;
          padding-top:7px;
          padding-bottom:7px;
          width:100%;
          max-width:400px;
          margin-right:20px;
}
textarea.contacttextarea_mob {
          padding:1px;
          padding-top:7px;
          padding-bottom:7px;
          width:100%;
          max-width:400px;
          margin-right:20px;
}

div.contactaddress_mob {
          color:#666;
          font-size: 105%;
}

/* SPECIAL CLASSES FOR BI TEMPLATES */
/* Div footer on Front Page */
.load_footer {
    border-top: 3px solid #336699;
    position:absolute;
    width: 100%;
    z-index: 10000;
    text-align:center;
    height: 100px;
    font-size:18px;
    color: #fff;
    background: #336699;
    /*display: flex;*/
    justify-content: center; /* align horizontal */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
/*    top:90%; */
	bottom: 0;

}

