/*
	project: internet sharing template
   	author: luka cvrk (www.solucija.com)
*/

body { padding: 0px; margin: 0px; font: 11px Verdana, Tahoma, Arial, sans-serif, Tahoma; line-height: 1.6em; background: #fff; color: #454545; }

img { border-width: 0px; }

/* links */
a { color: #003B6E; background: inherit; cursor: pointer; }
a:hover { color: #9EC068; background: inherit; }

/* headings */
h1 { font: bold 24px Arial, Sans-Serif; margin: 0px; letter-spacing: -1px; }
h2 { font: bold 20px Arial, Sans-Serif; margin: 0px; padding: 0px; }
h3 { font: bold 14px Arial, Sans-Serif; margin: 0px; padding: 0px; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0px; padding: 0; list-style: none; }
form { margin: 0px; }

/* content holder */
#content { margin: 10px auto; width: 960px; }

/* header */
#header { height: 75px; }
#logo { padding: 15px 0px 0px 8px; }
#logo p { margin: 0px; padding: 0px 0px 0px 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0px 0px; text-align: right; }
#crumbs { padding-left: 5px; }
#banner_ads { text-align: center; }

.calendar { height: 50px; float: right; background: #fff url(../Images/SiteTemplate/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080; display: inline; text-align: center;}
.calendar p { padding: 0; margin: 0; }
	
#crumbs a { color: #6B78A9; text-decoration: none; }
#crumbs a:hover { text-decoration: underline; }

/* horizontal tabbed menu */
#tabs { background: #fff url(../Images/SiteTemplate/bigbox.gif) no-repeat top left; color: #000; height: 64px; text-align: center; padding: 0px 0px 0px 210px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: left; background: #fff url(../Images/SiteTemplate/barbg.gif) no-repeat; color: #808080; padding: 7px 0px; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(../Images/SiteTemplate/barcurrent.gif) no-repeat; color: #000; }
#tabs li a.current { background: #fff url(../Images/SiteTemplate/barcurrent.gif) no-repeat; color: #2C71AE; }


/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0px 12px 0px 0px; color: #5d5d5d; }
.smallboxtop { height: 14px; background: #fff url(../Images/SiteTemplate/smallboxtop.gif) no-repeat; color: #000; }
.smallbox { background: #fff url(../Images/SiteTemplate/smallbox.gif) repeat-y bottom left; color: #444; padding: 1px 10px 10px 10px; }
.smallbox p { padding: 0px; margin: 0px; }
.smallboxbottom { height: 14px; background: #fff url(../Images/SiteTemplate/smallboxbottom.gif) no-repeat; color: #000; }


/* right side */
#right { float: right; width: 295px; margin: 0px 0px 10px 0px; }
.boxtop { height: 19px; background: #fff url(../Images/SiteTemplate/boxtop.gif) no-repeat; color: #000; }
.box { background: #fff url(../Images/SiteTemplate/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0px 10px 15px 10px; margin: 0px 0px 10px 0px; }
.box p { padding: 0px; margin: 0px; }
.image { float: left; margin: 0px 9px 3px 0px; }

/* footer */
.footer { clear: both; text-align: center; line-height: 1.8em; padding: 5px 0px 10px 0px; border-top: 1px solid #ccc; }


#utabs { float: left; width: 960px; height: 27px; margin: 0px 0px 1px 0px; background: url(../Images/SiteTemplate/bbg.gif) no-repeat; }
#utabs ul { margin: 0px 0px 0px 7px; padding: 0px 0px 0px 0px; list-style: none; }
#utabs li { display: inline; margin: 0px; padding: 0px; }
#utabs li a { float: left; display: block; margin: 0px; border-right: dotted 1px #B3B3B3; padding:5px 15px 4px 13px; text-decoration:none; color:#6B78A9; }
#utabs li a:hover { /*background-position: 0% -42px;*/ color: #000; }


/* gym journal input controls */
input, textarea, select { font-size: 11px; font-family: Verdana; }
textarea { width: 98%; }
input.ReadOnly { background-color: #EFEFEF; border: solid 1px #ABABAB; color: #545454; }
input.Button { width: 110px; font-size: 10px; font-weight: bold; font-family: Verdana; background-image: url(../Images/bg_button.gif); padding-top: 1px; padding-bottom: 1px; color: #000; background-position: left top; background-repeat: repeat-x; border: 1px solid #777777; cursor: pointer; }
input.Button:hover { border: 1px solid #89071A; color: #89071A; }
input.ButtonDisabled { width: 110px; font-size: 10px; font-weight: bold; font-family: Verdana; background-image: url(../Images/bg_button.gif); padding-top: 1px; padding-bottom: 1px; color: #777777; background-position: left top; background-repeat: repeat-x; border: 1px solid #777777; cursor: pointer; }
span.CheckBox input { border-width: 0px; }

.Grid { background-color: #DEDEDE; }

td, th { padding: 4px 4px 4px 4px; }
.smallbox .Grid td { padding: 4px 4px 4px 4px; background-color: #FFFFFF; }
.Header { background-image: url(../Images/SiteTemplate/header.gif); background-repeat: repeat-x; letter-spacing: 1px; font-family: Arial; font-weight: bold; background-color: #256C92; color: #FFFFFF; }
.Item { background-color: #FAFAE0; }
.Alt { background-color: #FAFAFF; }
.Error { color: #FF1111; font-weight: bold; }

tr.Item td blockquote { font-size: 11px; border: dashed 1px #989898; padding: 6px 6px 6px 6px; font-style: italic; }

.Highlight { background-color: #EEEE99; }
tr.highlight td { background-color: #FFFFBB; }

.bbquote { font-size: 11px; border: dashed 1px #989898; padding: 6px 6px 6px 6px; font-style: italic; }

div.Highlight { background-color: #FAFAD2; border: dashed 1px #DD8800; padding: 5px 8px 5px 8px; }
div.HighlightTitle { background-color: #FFFFFF; border: dotted 1px #A6A6A6; padding: 2px 2px 2px 5px; font-weight: bold; color: Maroon; font-family: Verdana; }
div.HighlightTitle td { padding: 2px 2px 2px 2px; }
div.HighlightTitle img { cursor: pointer; }
div.HighlightExpander { background-color: #F6F6F6; border: solid 1px #D9D9D9; padding: 2px 2px 2px 5px; font-weight: bold; color: #256C92; font-family: Arial, Verdana; }
div.HighlightBorder { /*border: solid 1px #D9D9D9;*/}

a.HighlightExpander { padding-top: 4px; padding-left: 9px; width: 95%; height: 23px; display: block; }

hr { border: 0; height: 1px; width: 100%; color: #F5F5F5; background-color: #3875A9; }

div.Editor { width: 850px; margin-left: auto; margin-right: auto; }

span.Title, a.Title { font-weight: bold; font-size: 13px; font-family: Arial; }
span.Notice { color: Maroon; font-weight: bold; font-size: 13px; }

a.ExcelLink { background-image: url(../Images/excel.jpg); background-position:left; background-repeat:no-repeat; display: block; padding: 15px 15px 15px 60px; text-decoration: none; color: #646464; }

a.ExcelLink:hover { text-decoration: underline; }

.quote { margin-top: 5px; border: dashed 1px #BCBCBC; padding: 8px 8px 8px 8px; }

a.Avatar { background-repeat: no-repeat; background-position: center top; display: block; height: 90px; width: 97px; }

div.PanelContent { padding: 5px 5px 5px 5px; border: dashed 1px #ABABAB; background-color: #FAFAFA; }

div.AjaxTab { font: 11px Verdana, Tahoma, Arial, sans-serif, Tahoma; }

.updateProgress { border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute; width: 180px; height: 65px; }

a.calenderDay { padding-top: 4px; padding-bottom: 4px; display: block; height: 18px; width: 100%; cursor: pointer; }

legend { padding: 4px 4px 4px 4px; color: Maroon; }

fieldset { margin-bottom: 8px; border: dashed 1px #AFAFAF; background-color: #FAFAFA; }

.toolTip { font-weight: normal; font-size: 10px; color: black; font-family: Verdana; background-color: #FFFFDD; padding: 4px 4px 4px 4px; border: #000000 1px dotted; width: 300px; }




/* Messages */
.error, .notice, .success { border: 1px solid #DDD; margin-bottom: 1em; padding: 8px 8px 8px 8px; }
.error { background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4; }
.error a { color: #8A1F11; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.notice a { color: #514721; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.success a { color: #264409; }

input.displayError { background: #FCF4F5; border: solid 1px #8A1F11; padding: 2px 2px 2px 2px; }
input.Highlight { background: #EEEE99; border: solid 1px #AAAA55; padding: 2px 2px 2px 2px; }
select.displayError { background: #FCF4F5; border: solid 1px #8A1F11; }

.toolTipWrapper { display: none; position: absolute; text-align: left; top: 20px; white-space: normal; width: 250px; z-index: 9; font-weight: normal; }
.toolTipHelp { cursor: pointer; text-decoration: none; border-bottom: dashed 1px #777755; position: relative; }

th .toolTipHelp { border-bottom: dashed 1px #CCCCAA; }

div.divider { border-top: 1px solid #ccc; }



/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .tabs-hide { display: none; } }

/* Hide useless elements in print layouts... */
@media print { .tabs-nav { display: none; } }

/* Skin */
.tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; }
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */ }
.tabs-nav a, .tabs-nav a span { display: block; padding: 0 10px; background: url(../Images/tab.png) no-repeat; }
.tabs-nav a { position: relative; top: 1px; z-index: 2; padding-left: 0; color: #808080; font-size: 12px; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; /* required in IE 6 */ }
.tabs-nav .tabs-selected a { color: #0A508C; }
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { background-position: 100% -150px; outline: 0; /* prevent dotted border in Firefox */ }
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active { background-position: 100% -100px; }
.tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; }
*>.tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.tabs-nav .tabs-selected a span { padding-top: 7px; }
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span { background-position: 0 -50px; }
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span { background-position: 0 0; }
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.tabs-nav .tabs-disabled { opacity: .4; }
.tabs-container { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.tabs-loading em { padding: 0 0 0 20px; background: url(../Images/loadingcircle.gif) no-repeat 0 50%; }

#popupBackground{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:3; }
#popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:480px; width:640px; background:#FFFFFF; border:2px solid #cecece; z-index:9; padding:12px; font-size:13px; overflow: auto; }
#popupContact h1{ text-align:left; color:#6FA5FD; font-size:22px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:20px; }
#popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }

div.accordion h3 { background-color: #F6F6F6; border: solid 1px #D9D9D9; padding: 2px 2px 2px 5px; font-weight: bold; color: #256C92; font-family: Arial, Verdana; }
div.accordion h3 a { padding-top: 4px; padding-left: 9px; width: 90%; height: 23px; font-size: 11px; display: block; text-decoration: none; }

.alternateHighlight { color: #800000; }

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background-color: #ffffff; color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background-color: #cccccc; color: #222222; font-weight: bold; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 2px; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: solid 1px Gainsboro; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { border: solid 1px #FFFFFF; display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker td span, .ui-datepicker td a:hover { border: solid 1px #BABABA; background-color: #FAFAD2; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker td.ui-datepicker-current-day a { color: Maroon; }

/* sitemap */
table.sitemap { width: 95%; border-top: solid 1px #ccc; margin-left: auto; margin-right: auto; }
table.sitemap td { width: 25%; vertical-align: top; background-color: #ffffff; padding-left: 8px; padding-top: 8px; }
table.sitemap h3 { color: #aaaaaa; padding-bottom: 8px; margin-bottom: 4px; }
table.sitemap a { display: block; width: 98%; padding: 2px; margin-bottom: 4px; padding-left: 4px; color: #bbbbbb; text-decoration: none; }
table.sitemap a:hover { text-decoration: none; background-color: #dddddd; color: #ffffff; }