/* =Media All
-------------------------------------------------------------- */
@media all {
/* ----------------------------------------------------------- */

a:link, a:visited
{
color: #00609E;
text-decoration: none;
}

a:hover, a:active    {
text-decoration: underline;
}

.rounded {
border-radius: 5px 5px 5px 5px;	
}

/* =Layout
-------------------------------------------------------------- */

* {font-family: 'Droid Sans',Verdana !important;}
body {
background-image: url(../images/repeat_y.jpg);
background-repeat: repeat-y;
background-position: center;
}

#wrapper {
width: 1000px;
margin: 0px auto;
padding: 0px;
}

/* =Header
-------------------------------------------------------------- */

#header {}

#logo {text-align: right;
background-color: #00609E;
}

/* =Main 
-------------------------------------------------------------- */

#menu {
background-color: #029EFF;
width: 990px;
height: 40px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;	
padding-left:12px;
}

#menu li
{
float: left;
display: inline-block;
margin: 0px;
padding-top: 15px;
padding-bottom: 11px;
text-transform: uppercase;
border-right: solid 1px #FFFFFF;
width: auto;
}

#menu a:link, #menu a:visited {
font-size: 1.4em;
text-decoration: none;
color: #ffffff;
margin: 0px 0px 0 0;
padding: 13px 25px 9px;
display:inline;
}

#menu a:hover, #menu a.selected
{
background-color: #00609E;
text-decoration: underline;
color: #FFF;
}

/*=== Middler ==============================*/

#middler
{
clear: both;
margin-top: 20px;
}

#leftcol
{
width: 675px;
float: left;
padding: 0  12px 0px 0px;
font-size: 12px;
}

#leftcol h1
{
padding: 0px 0px 6px 12px;
margin-bottom: 12px;
border-bottom: solid 8px #00609E;
color: #00609E;
}

h1 span {
font-size: 0.8em;
display: inline-block;
margin: 4px;
color: #666;
}

#leftcol h2    {
padding: 0px 0px 6px 12px;
margin-bottom: 12px;
border-bottom: solid 4px #00609E;
color: #00609E;
}

#leftcol h3    {
margin-bottom: 6px;
border-bottom: solid 0px #404040;
color: #00609E;
text-transform: uppercase;
}

#leftcol .text    {
text-align: left;
line-height: 1.4em;
font-size:1.1em;
}

#leftcol .text p    {
}

#leftcol ol   {
list-style-type: decimal;
padding: 5px 10px;
margin-left: 12px;
}

#leftcol ul    {
margin-left: 12px;
padding: 5px 10px;
}

#leftcol ul div    {
display: inline;
}

.page_text, .category_text
{
padding: 10px 0;
font-size: 13px;
text-align: left;
line-height: 16px;
}

.form .form_row
{
margin: 2px 0px 2px 0px;
}

.form .form_row .textbox
{
margin: 4px;
padding: 4px;
width: 200px;
border: solid 1px #CCCCCC;
}

.form .form_row textarea.textbox
{
width: 300px;
height: 90px;
}

.form .form_row .textbox:focus
{
border: solid 1px #575757;
background-color: #EEEEEE;
}

.form .form_row .button
{
margin: 4px;
padding: 4px;
border: solid 1px #575757;
background-color: #CCCCCC;
cursor: pointer;
}

span.search_key
{
color: #6774CF;
}

.album_wrapper
{
margin: 1px 1px 20px 1px;
}

.album_wrapper .text
{
}

.album_wrapper .photo
{
margin: 0px 0px 20px 0px;
text-align:center;
}

.album_wrapper .photo img
{
max-width: 100%;
}

.album .gallery_item a.image_link 
{
margin: 0 8px 3px 0;    
}

.album .gallery_item img
{
margin:0;
}

/*===  Rightcol==============================*/

#rightcol
{
width: 300px;
padding: 0 0 0 10px;
float: left;
text-align: left;
font-size: 1.2em;
}

#rightcol h2    {
padding: 0px 0px 6px 12px;
margin-bottom: 12px;
border-bottom: solid 4px #00609E;
color: #00609E;
}

.validator
{
line-height: 18px;
padding: 5px 5px 5px 0;
font-size: 12px;
color: #FF0000;
}

.gallery_wrapper
{
clear: both;
padding: 0 0 10px 0;
}

.gallery_wrapper .options
{
text-align: right;
padding: 2px 12px 2px 2px;
}

.gallery_wrapper .options .sort
{
float: left;
position: relative;
top: 5px;
}

.gallery_wrapper .options .sort .selected
{
font-weight: bold;
}

.gallery_wrapper .pager
{
font-size: 12px;
margin: 10px 0px 10px 0px;
padding: 10px 2px 10px 2px;
border-top: dotted 1px #AAAAAA;
border-bottom: dotted 1px #AAAAAA;
height: 20px;
}

.gallery_wrapper .pager div
{
float: left;
display: inline-block;
}

.gallery_wrapper .pager .prev
{
text-align: left;
width: 120px;
}

.gallery_wrapper .pager .index
{
text-align: center;
width: 425px;
}

.gallery_wrapper .pager .index span.current
{
display: inline-block;
margin: 0px 2px;
font-size: 14px;
font-weight: bold;
}

.gallery_wrapper .pager .next
{
text-align: right;
width: 120px;
}

.gallery_wrapper .options select
{
margin: 2px;
padding: 2px;
}


.gallery_wrapper .options .tag
{
color: #404040;
}

.gallery_wrapper .options .prev
{
float: left;
}

.gallery_wrapper .options .nexr
{
}

.gallery_item
{
float: left;
height: 185px;
line-height: 18px;
text-align: left;
margin: 4px 14px;
padding: 2px;
overflow: hidden;
}

.gallery_item .text
{
color: #7F7F7F;
}

.gallery_item .date span
{
position: relative;
left: 35px;
}

.gallery_item img
{
width: 130px;
max-height: 110px;
}

.view_all
{
font-size: 1.2em;
text-align: right;
font-weight: bold;
margin: 0px 0px 0px 4px;
}

.view_all a
{
display: inline-block;
padding: 8px;
margin: 0px 5px 0px 0px;
}

.gallery_wrapper .gallery_item.selected
{
background-color: #EAEAEA;
}

#breadcrumb
{
text-align: left;
}

#breadcrumb a
{
display: inline-block;
height: 25px;
line-height: 25px;
}

/*********** Albums Repeater ***************/

.album .gallery_item
{
float: left;
border: dotted 0px #CCCCCC;
margin: 3px;
width: 320px;
height: 140px;
overflow: hidden;
}

.album .gallery_item img
{
height: 100px;
float: left;
margin: 3px 8px 3px 3px;
}

/*********** Videos Repeater ***************/

.video .gallery_item
{
height: 190px;
}

.video .gallery_item h3 a
{
height: auto;
}

/*********** Photos Repeater ***************/

.photo .gallery_item img
{
width: 120px;
max-height: 100px;
}

.photo .gallery_item a
{
display: block;
height: 80px;
overflow: hidden;
}

.photo .gallery_item h3 a
{
height: auto;
}

.photo .gallery_item
{
width: 120px;
height: 120px;
margin:4px 5px;
}

.photo .gallery_item img
{
width: 120px;
}

.video_title
{
margin-top: 5px;
font-size: 12px;
}

#rightcol .module ul {display: block;overflow: hidden;}

#rightcol .module li
{
list-style-type: none;
margin: 8px;
}

#rightcol .module .sub li
{
margin-left: 20px;
}

#rightcol .tags li, #rightcol .fulltags li
{
list-style-type: none;
float: left;
_float: none;
display: inline-block;
}

#rightcol .module
{
clear: both;
margin: 0 0 12px 0;
background-color: #E5E5E5;
padding: 12px 0;
border-radius: 10px;
}

#rightcol .search p
{
padding: 0 12px 6px 12px;
}

#ctl03_ch_search_small1_SearchKeyTextBox {
font-size: 12px;
margin: 0 6px 0 12px;
float: left;
height: 20px;
}

#ctl03_ch_search_small1_Button1 {
font-size: 12px;}

#rightcol .module.banners    {
clear: both;
margin-bottom: 8px;
background-color: #ffffff !important;
}

#rightcol .categories
{
clear: both;
}

#rightcol .tags
{
clear: both;
}

/* === Player ==============================*/

#agree_area
{
font-size: 1.2em;
line-height: 1.4em;
margin: 40px 0px 10px 0px;
}

#agree_area .agree-area-button
{
margin: 20px 0px 10px 0px;
}

#agree_area .agree-area-button input
{
margin: 2px;
padding: 2px;
font-size: 0.9em;
}

#video {}

#video_player {}

#video_info
{
line-height: 1.4em;
}

#video_info .title h1
{
font-size: 20px;
margin: 0px 5px 2px 0px;
line-height: 1.2em;
}

#video_info .date
{
text-align: left;
font-size: 1em;
color: #6774CF;
margin: 0px 0px 5px 0px;
}

#video_info .text
{
text-align: left;
margin: 0px 0px 10px 0px;
clear: both;
}

#video_info .event_info h3
{
text-align: left;
margin: 20px 12px 4px 4px;
border-bottom: solid 1px #575757;
}

#video_info .navlinks
{
margin: 8px;
}

#video_info .navlinks a
{
margin: 8px;
}

#video_info .navlinks .webtv_link
{
display:inline-block;
margin:0px 10px 0px 0px;  
position:relative;
top:-6px;
}

#video_info .navlinks .webtv_link img
{
vertical-align:middle;
}

#video_info .navlinks .embed
{
float: left;
}

#video_info .navlinks .embed img
{
position: relative;
top: 4px;
margin: 2px;
cursor: pointer;
}
#video_info #embed_code
{
clear: both;
text-align: right;
margin: 8px 2px 2px 2px;
}

#video_info #embed_code span.title
{
display: inline-block;
width: 200px;
text-align: left;
background-color: #EFEFEF;
padding: 4px;
border-bottom: solid 1px #AAAAAA;
}

#video_info #embed_code span.border
{
border: solid 1px #AAAAAA;
display: inline-block;
margin: 0px 0px 4px 0px;
padding: 0px;
}

#video_info #embed_code textarea
{
width: 200px;
height: 70px;
overflow: hidden;
border: solid 4px #EFEFEF;
border-top: solid 2px #EFEFEF;
font-family: Courier New;
margin: 0px;
}

#video_info .navlinks .share
{
float: right;
}

#video_info .navlinks .share img
{
position: relative;
top: 4px;
margin: 0px;
}

.iphone_link
{
text-align: center;
}

.iphone_link a
{
display: inline-block;
width: 80%;
text-align: center;
border: solid 1px #AAAAAA;
background-color: #F2F2F2;
}

.iphone_link a:hover
{
text-decoration: none;
}

.iphone_link img
{
vertical-align: middle;
margin: 8px;
}

/*===Footer==============*/

#footer
{
border-top: solid 0px #cccccc;
font-size: 11px;
padding: 10px;
clear: both;
text-align: right;
background-color: #00609E;
color: #ffffff;
height: 80px;
background-image: url(../images/hcs_bottom_logo.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

.inventics_neoweb img
{
position: relative;
top: 3px;
left: 0px;
}

.inventics_neoweb
{
padding: 5px 0;
}


/* =CONTACT FORM MODULE
-------------------------------------------------------------- */

.contact_form {
font-size: 13px;
padding: 12px 0 0 0;
overflow: hidden;
}

.form_row {
overflow: auto;
padding: 0 30px 2px 0;
}

.form_row input {
width: 306px;
}

.form_row input.textbox {
padding: 3px;
font-size: 12px;
width: 300px;
}

.form_row textarea {
padding: 3px;
font-size: 12px;
width: 300px;
height: 95px;
}

.form_row .button {
font-size: 12px;
width: 310px;
}

span.validator {
color: red;
}

.banner_wrapper
{
margin-top:20px;
margin-bottom:30px;
}

.button_form_row {width: 640px;}
.button_form_row .label {display: none;}

.button_form_row .input {width: 640px;
padding: 12px 0 0 0;}

.form_row .RadCaptcha_Default input {font-size:12px; width:100px; margin:2px; padding:2px;}
.form_row .RadCaptcha_Default span {width:auto;}

.RadCaptcha  {
padding-left: 140px;
}

.RadCaptcha p input {
width: 100px;
height: 20px;
font-size: 12px;
margin: 3px 3px 0 0;
}

input.button {
width: 100px !important;
}

.searchbox {
width: 100px;
height: 20px;
font-size: 12px;
margin: 0 3px 0 12px;
float: left;
}

.searchbutton {
font-size: 12px;
float: left;
}