@import url("main-stylesheet.css");
@import url("social_icons.css");

body {
	font: normal 11px verdana,tahoma,arial,helvetica;
	color: #000;
	background-color: #e8eff7;
}

div, ul, li {margin: 0; padding: 0; outline: none;}
ul, li {margin-left: 3px; list-style: none;}

font		{font-family: verdana,tahoma,helvetica; font-size: 11px; color: #000;}
td		{font-family: verdana,tahoma,helvetica; font-size: 11px; color: #000;}
P		{font-family: verdana,tahoma,helvetica; font-size: 11px; color: #000;}
div		{font-family: verdana,tahoma,helvetica; font-size: 11px; color: #000;}

INPUT {color:#2B4157; background-color: #E8EFF7; font:normal 11px Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6699CC; padding:3px; height: 22px;}
TEXTAREA {color:#2B4157; background-color: #E8EFF7; font:normal 11px Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6699CC; padding:3px;}
SELECT {color:#2B4157; background-color: #E8EFF7; font:normal 11px Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6699CC; padding:2px;}
input.button {background: #6699CC; color:#F4F8FB; font:11px Verdana,Arial,Helvetica,sans-serif; cursor: pointer;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6699CC; height: 20px; padding: 0 5px 2px 5px;
}
input.button:hover {background: #C6D9EC; color:#2B4157; border:1px solid #6699CC;}
input.option,input.radio {background-color: transparent; font-weight:bold; border:none;padding:0; height: 11px;display: inline;}
input.liteoption{background-color: #F4F8FB; font-weight:normal}
input.post,textarea.post{color:#2B4157; background:#E8EFF7; font:normal 11px Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6699CC; padding:3px;}

a:link	{background: none; color: #6699CC; text-decoration: none;}
a:active	{background: none; color: #6699CC; text-decoration: none;}
a:visited	{background: none; color: #6699CC; text-decoration: none;}
a:hover	{background: none; color: #005080; text-decoration: underline;}

.title	{background: none; color: #005080; font-size: 13px; font-weight: bold; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.content	{background: none; color: #000; font-size: 11px; font-weight: normal; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.storytitle	{background: none; color: #005080; font-size: 14px; font-weight: bold; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.storycat	{background: none; color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: verdana,tahoma,helvetica; text-decoration: none; margin:3px 0px 0px 0px;}
.boxtitle	{color: #fff; font-size: 12px; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.boxcontent	{background: none; color: #000; font-size: 11px; font-weight: normal; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.option	{background: none; color: #005080; font-size: 13px; font-weight: bold; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.tiny		{background: none; color: #000; font-size: 10px; font-weight: normal; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.footmsg	{background: none; color: #45688B; font-size: 10px; font-weight: normal; font-family: verdana,tahoma,helvetica; text-decoration: none;}
.footmsg_l	{background: none; color: #6699CC; font-size: 10px; font-weight: bold; font-family: verdana,tahoma,helvetica; text-decoration: none;}

/* GCalendar sample styles for fisubice theme */

.gcal-error {
   font-weight: bold;
   color: red;
}

form.gcal-event-form legend {
   font-weight: bold;
   color: black;
}

form.gcal-event-form .normal-label {
   font-weight: bold;
   color: black;
}

form.gcal-event-form .error-label {
   font-weight: bold;
   color: red;
}

table.gcal-block-cal {
   width: 100%;
   border-width: 1px;
   border-style: solid;
   border-color: #6699CC; 
}

table.gcal-block-cal a {
}

table.gcal-block-cal a:link {
   text-decoration: underline;
}
table.gcal-block-cal a:visited {
   text-decoration: underline;
}
table.gcal-block-cal a:hover {
   text-decoration: underline;
}
table.gcal-block-cal a:active {
   text-decoration: underline;
}

table.gcal-block-cal a.today {
   color: black;
}

table.gcal-block-cal th {
   color: white; 
   text-align: center;
   background-color: #6699CC;
   border-width: 1px;
   padding: 1px;
   border-style: outset;
   border-color: #6699CC;
   font-size: 10px;
}

table.gcal-block-cal td {
   border-width: 1px;
   padding: 1px;
   border-style: hidden;
   text-align: center;
}

table.gcal-block-cal td.no-day {
   background-color: #C6D9EC;
}

table.gcal-block-cal td.day-no-event {
}

table.gcal-block-cal td.day-event {
   border: solid 1px #6699CC;
}

table.gcal-block-cal td.today-no-event {
   background-color: #C6D9EC;
   border-style: dashed;
   border-color: #6699CC;
}

table.gcal-block-cal td.today-event {
   background-color: #C6D9EC;
   font-weight: bold;
   border-style: solid;
   border-color: #6699CC;
}

table.gcal-block-events {
   border: solid 1px #6699CC;
   width: 100%;
}

table.gcal-block-events a:link {
   text-decoration: none;
}
table.gcal-block-events a:visited {
   text-decoration: none;
}
table.gcal-block-events a:hover {
   text-decoration: underline;
}
table.gcal-block-events a:active {
   text-decoration: none;
}


table.gcal-month {
   width: 100%;
   border-width: 1px;
   border-style: solid;
   border-color: #6699CC; 
   padding: 1px;
}

table.gcal-month th {
   text-align: center;
   background-color: #6699CC;
   padding: 2px;
   border: outset 1px #6699CC;
color: #ffffff; font-size: 13px; font-weight: bold; font-family: verdana,tahoma,helvetica; text-decoration: none;
}

table.gcal-month td {
   margin: 0px;
   padding: 2px;
   border: outset 1px #6699CC;
   height: 75px;
}

table.gcal-month td.no-day {
   background-color: #C6D9EC;
}

table.gcal-month td.day {
}

table.gcal-month td.today {
   background-color: #6699CC;
   color: white;
}

table.gcal-month a {
   color: black;
}

table.gcal-month a:link {
   text-decoration: none;
}
table.gcal-month a:visited {
   text-decoration: none;
}
table.gcal-month a:hover {
   text-decoration: underline;
}
table.gcal-month a:active {
   text-decoration: none;
}

table.gcal-month a.day-link {
   font-size: 13px; font-weight: bold; font-family: verdana,tahoma,helvetica;
   background: none; 
   color: black; 
}

table.gcal-month a.day-link:link {
   text-decoration: underline;
}
table.gcal-month a.day-link:visited {
   text-decoration: underline;
}
table.gcal-month a.day-link:hover {
   text-decoration: underline;
}
table.gcal-month a.day-link:active {
   text-decoration: underline;
}

table.gcal-event {
   width: 80%;
   border-width: 1px;
   border-style: solid;
   border-color: #6699CC; 
   padding: 0px;
}

table.gcal-event caption {
   padding-bottom: 5px;
   font-weight: bold;
   font-size: 11px;
   margin: 2px;
}

table.gcal-event th {
   background-color: #C6D9EC;
   color: black; 
   text-align: right;
   font-size: 11px;
   padding: 4px;
   border: solid 1px #6699CC;
}

table.gcal-event td {
   padding: 4px;
   border: solid 1px #6699CC;
}

table.gcal-cat-legend {
   border-width: 1px;
   border-style: solid;
   border-color: #6699CC;
   padding: 2px;
}

table.gcal-cat-legend td {
   border: none;
}

table.gcal-cat-legend caption {
   padding-bottom: 5px;
   font-weight: bold;
   font-size: 11px;
   margin: 2px;
}

html .fb_share_button { 
display: inline-block; 
padding: 1px 5px 0 20px; height:15px; border:1px solid #6699cc; 
background: #f5f9fd url(http://hulite.net/images/facebook_share_icon.gif?8:26981) no-repeat top left;
text-decoration: none; 
}

html .fb_share_button:hover {
color: #fff; 
background: #6699cc url(http://hulite.net/images/facebook_share_icon.gif?8:26981) no-repeat top left; 
text-decoration: none; 
} 

html .sms_button { 
display: -moz-inline-block; display:inline-block; 
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #6699cc;
height: 16px;
padding: 1px 5px 1px 5px; 
color: #000; 
background: #e8eff7;
text-decoration: none; 
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;    
    z-index: 1;
    text-align: center;
}

html .sms_button:after { 
	content: "";
	position: absolute; 
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	width: 100%;
	height: 100%;
	top: 0;
    	z-index: -1;
	left: 0;
	background: #6699cc;
    	-webkit-box-sizing: border-box; 
    	-moz-box-sizing: border-box; 
    	box-sizing: border-box;
	opacity: 1;
    	-webkit-transform: scale(0,1);
    	-moz-transform: scale(0,1);
    	-ms-transform: scale(0,1);
    	transform: scale(0,1);
}

html .sms_button:hover {
color: #fff; 
} 

html .sms_button:hover:after {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

/** open_table **/
td.ot-left-top {
width: 11px;
height: 11px;
background: url('../images/ot_left_top.png') no-repeat; 
} 
td.ot-mid-top {
width: 100%;
height: 11px;
background: url('../images/ot_mid_top.png') repeat-x; 
} 
td.ot-right-top {
width: 11px;
height: 11px;
background: url('../images/ot_right_top.png') no-repeat; 
} 

td.ot-left-mid {
width: 11px;
background: url('../images/ot_left_mid.png') repeat-y; 
} 
td.ot-mid-mid {
width: 100%;
background: url('../images/ot_mid_mid.png') repeat; 
} 
td.ot-right-mid {
width: 11px;
background: url('../images/ot_right_mid.png') repeat-y; 
} 

td.ot-left-bot {
width: 11px;
height: 11px;
background: url('../images/ot_left_bot.png') no-repeat; 
} 
td.ot-mid-bot {
width: 100%;
height: 11px;
background: url('../images/ot_mid_bot.png') repeat-x; 
} 
td.ot-right-bot {
width: 11px;
height: 11px;
background: url('../images/ot_right_bot.png') no-repeat; 
} 

/** box **/
td.box-left-top {
width: 15px;
height: 30px;
background: url('../images/box_left_top.png') no-repeat; 
} 
td.box-mid-top {
width: 100%;
height: 30px;
background: url('../images/box_mid_top.png') repeat-x; 
} 
td.box-right-top {
width: 15px;
height: 30px;
background: url('../images/box_right_top.png') no-repeat; 
} 

td.box-left-mid {
width: 15px;
background: url('../images/box_left_mid.png') repeat-y; 
} 
td.box-mid-mid {
width: 100%;
background: url('../images/box_mid_mid.png') repeat; 
} 
td.box-right-mid {
width: 15px;
background: url('../images/box_right_mid.png') repeat-y; 
} 

td.box-left-bot {
width: 15px;
height: 17px;
background: url('../images/box_left_bot.png') no-repeat; 
} 
td.box-mid-bot {
width: 100%;
height: 17px;
background: url('../images/box_mid_bot.png') repeat-x; 
} 
td.box-right-bot {
width: 15px;
height: 17px;
background: url('../images/box_right_bot.png') no-repeat; 
} 

/** article **/
td.art-left-top {
width: 15px;
height: 30px;
background: url('../images/art_left_top.png') no-repeat; 
} 
td.art-mid-top {
width: 100%;
height: 30px;
background: url('../images/art_mid_top.png') repeat-x; 
} 
td.art-right-top {
width: 15px;
height: 30px;
background: url('../images/art_right_top.png') no-repeat; 
} 

td.art-left-mid {
width: 15px;
background: url('../images/art_left_mid.png') repeat-y; 
} 
td.art-mid-mid {
width: 100%;
background: url('../images/art_mid_mid.png') repeat; 
} 
td.art-right-mid {
width: 15px;
background: url('../images/art_right_mid.png') repeat-y; 
} 

td.art-left-bot {
width: 15px;
height: 17px;
background: url('../images/art_left_bot.png') no-repeat; 
} 
td.art-mid-bot {
width: 100%;
height: 17px;
background: url('../images/art_mid_bot.png') repeat-x; 
} 
td.art-right-bot {
width: 15px;
height: 17px;
background: url('../images/art_right_bot.png') no-repeat; 
} 

/** menu **/
td.hed-left-top {
width: 15px;
height: 30px;
background: url('../images/hed_left_top.png') no-repeat; 
} 
td.hed-mid-top {
height: 30px;
background: url('../images/hed_mid_top.png') repeat-x; 
} 
td.hed-right-top {
width: 15px;
height: 30px;
background: url('../images/hed_right_top.png') no-repeat; 
} 

.single-box {
	margin: 0 15px 10px 15px;
	display: block;
	float: none;
	width: 200px;
	box-shadow: 0 2px 2px #6699cc;
	background: #f5f9fd; 
}
.box-content {
	overflow: hidden;
	padding: 10px;
	margin-top: -10px;
}
.widget > h3 {
	margin-top: 0px;
	display: block;
	background: #6699cc;
	text-transform: none;
	font-size: 13px;
	color: #fff;
	padding: 7px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}
.table-box {
	margin-top: 0;
	display: block;
	float: none;
	width: 100%;
	box-shadow: 1px 3px 4px #6699cc;
	background: #fff; 
	margin-bottom: 10px;
}
.table-content {
	overflow: hidden;
	padding: 10px;
}
.article-title {
	float: none;
	display: block;
	margin-bottom: 10px;
	background: #f5f9fd;
	color:#2b4157;
	padding: 5px 5px 5px 10px;
	border: 1px solid #6699cc;
	position: relative;
}

/* Footer */
.footer {
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	color: #2b4157;
	background: #e8eff7;
}

.footer p {
	font-size: 11px;
	margin-top: 5px;
}

.footer .wrapper {
	border-top: 1px solid #6699cc;
	padding-top: 5px;
	padding-bottom: 15px;
}

.footer .wrapper:after {
	display: block;
	content: '';
	clear: both;
}

.footer ul {
	display: block;
	margin-right: 20px;
	vertical-align: middle;
}
.right {
	float: right;
}

.footer ul li {
	display: block;
	float: left;
	margin-left: 20px;
	position: relative;
	vertical-align: middle;
}

.footer ul li:after {
	display: block;
	content: '|';
	position: absolute;
	top: 0px;
	right: -13px;
}

.footer ul li:last-child:after {
	display: none;
}

.footer ul li a {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
}
.footer .logo-footer {
	display: block;
	float: left;
	margin-right: 20px;
	vertical-align: middle;
}

.footer .logo-footer img {
	display: inline-block;
	vertical-align: middle;
}
.err {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  line-height: 18px;
  text-align: left;
  border: 1px solid red;
  background-color: #ffffec;
  margin:5px; padding:10px;
}
.errtit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: red;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid red;
  background-color: #ffffec;
  margin:5px; padding:10px;
}