/*
CSS för Hammarö GK
/Claes Helgeson
*/


/*------------- GENERAL -----------*/
html, body, form {margin:0; padding:0}
body {font: 75%/1.3 Helvetica, Verdana, sans-serif; color:#333; text-align:center; padding:10px; background:#398339 url(../images/body_bg.gif) repeat-x;}
h1, h2 {padding:0; margin:0;}
h1 {font:140% "Trebuchet MS", Arial sans-serif; color:#cc6600; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:10px; letter-spacing:0.1em;}
h2 {font-size:120%; line-height:160%; font-weight:bold; color:#d77212; margin:10px 0 2px 0;}
h2.news {font-size:110%; line-height:140%; font-weight:bold; color:#cc6600; margin:16px 0 2px 0; border-bottom:1px solid #ccc;}
h2.comm_news {font-size:100%; line-height:110%; font-weight:bold; color:#888888; margin:13px 0 2px 0; padding:0 0 0 15px; border-bottom:1px solid #ccc; background:url(/images/div/dotOrange_10x10.gif) 0 50% no-repeat;}
h3 {font-size:90%; font-weight:bold; margin:0;}
p {margin:0; padding:0 0 0.7em 0; line-height:1.5;}
a[name]	{text-decoration:none;}
a, a:link,a:visited	{text-decoration:underline; color:#777;}
a:hover				{text-decoration:none;}
img {border:none;}
img.left {float:left; margin:4px 7px 4px 0;}


.red  {color:#cc0000;}
.orange  {color:#d77212;}
.bold {font-weight:bold;}
.warning {padding:8px; border:solid 1px #d77212; background:#ffcb9a; margin-bottom:10px; font-weight:bold;}
.confirm {padding:5px; background:#5ad15a; font-weight:bold; color:#ffffff;}
.mandatory {color:#d77212; font-weight:bold; font-size:115%;}
.asterisk  {color:#d77212; font-weight:bold; font-size:115%;}
.clear	{clear:both;font-size:0px;}
.txt_right {text-align:right;}
.txt_left  {text-align:left;}
p.pdf   {margin:0 0 13px 0; padding:0 0 0 25px; background:url(/images/div/pdf.gif) 0 50% no-repeat;}
p.xmas   {margin:0 0 13px 0; padding:0 0 0 25px; background:url(/images/div/xmas_gift_sm.gif) 0 0 no-repeat;}
p.news_date  {font-size:80%; color:#777; text-align:right; padding:0; margin:-18px 0 5px 0;}
div.alert {padding:6px; border:solid 4px #d77212; background:#fff; margin-bottom:10px;}
div.alert p.bold {font-weight:bold; background:#dedede; line-height:1; padding:6px; margin-bottom:6px;}


/*------------- LAYOUT -----------*/
#container		{width:994px; margin:0 auto; text-align:left; border:3px solid #bbbbbb; background:#eeeeee;}
#head			{position:relative; height:67px; width:994px; padding-top:35px; background:url(/images/top_bg.jpg) no-repeat top left;}
#head a			{position:absolute; top:12px; left:20px; width:70px; height:70px; background-color:transparent;}
#menu 				{width:974px; height:34px; background-image:url(/images/menu/menu_bg_off.gif); background-repeat:repeat-x; font-size:100%; margin:0 10px; border-bottom:1px solid #a1a1a1;}
#content {width:974px; padding:20px 9px; margin:0 auto; text-align:left;}
#left   {width:200px; float:left; padding:0; margin:0 8px 0 0;}
#middle {width:518px; float:left; padding:5px 20px 0 20px; margin:0; background: url(/images/boxes/bigbox_upper_bg.gif) no-repeat left top;}
#middle_end {width:558px; height:21px; background: url(/images/boxes/bigbox_lower_bg.gif) bottom left no-repeat; padding:0; margin:0 -20px;}
#right  {width:200px; float:right; padding:0; margin:0;}
#footer		{clear:both; width:994px; background:#005a00; margin:0 auto; padding:10px 0; font:90% arial; color:#ffffff; text-align:center;}
#footer a	{text-decoration:underline;color:#ffffff;}

#middle ul { list-style: none; padding: 0; margin: 0 8px; }
#middle ul li {display: inline; background: url(/images/div/shortcut_bullet.gif) 0 6px no-repeat; display: block; padding:0 0 4px 11px; margin-bottom:2px;}


/*------------- MENU -----------*/
#menu .separator	{width:2px; height:33px; float:left; background:url(/images/menu/menu_separator.gif) no-repeat; font-size:100%;}
#menu a				{float:left; padding:9px 17px; line-height:160%; font:100% Arial; font-weight:bold; color:#ffffff; text-decoration:none;}
#menu a:hover		{background:url(../images/menu/menu_bg_on.gif) repeat-x;}
#menu .selected		{background:url(../images/menu/menu_bg_on.gif) repeat-x;}

/*------------- SUBMENU -----------*/
#submenu						{width:980px; height:29px; background-image:url(/images/menu/submenu_bg.gif); margin:0 10px;}
#submenu .holder				{padding-left:12px;}
#submenu .holder a				{display:block; float:left; line-height:100%; font-size:90%; color:#393939; padding:7px; text-decoration:none;}
#submenu .holder a:hover		{color:#d77212; text-decoration:none;}
#submenu .holder .selected		{color:#d77212; font-weight:bold; text-decoration:underline;}
#submenu .holder .separator		{width:1px; height:29px; float:left; background-image:url(/images/menu/submenu_separator.gif); font-size:0px;}

/*------------- GOLF.SE NEWS -----------*/
.news_block a {margin: 0; display: block; padding: 6px 10px; color: #333; text-decoration: none; font-size:100%;}
.news_block a:hover {text-decoration: underline;}
.news_block a strong {display: block; font-size:100%; color: #888888;}

/*------------- BOXAR -----------*/
.box {display: inline; float: right; width: 200px; background: url(/images/boxes/box_upper_bg.gif) no-repeat; padding: 8px 0 0 0;}
.box h2  {border-bottom:1px solid #ccc; margin:0 10px 5px 10px; padding:0; color:#d77212; font:120% "Trebuchet MS", Verdana, sans-serif; font-weight: bold;}
.box p   {margin: 0 10px 5px 10px; line-height:1.3; padding:0}
.box p a  {color: #777; text-decoration: underline;}
.box p a:hover  {text-decoration: none;}
.box p.ad {margin:0 0 0 -3px; text-align:center;}
.box p.ad a img {margin:0; border:none;}
.box p.courseClosed {background: url(/images/div/roundRed.gif) 0 1px no-repeat; color: #cc0000; font-weight:bold; padding: 0px 0 0px 20px;}
.box p.courseOpen {background: url(/images/div/roundGreen.gif) 0 1px no-repeat; color: #008800; font-weight:bold; padding: 0px 0 0px 20px;}
.box p.courseClosed span a,
.box p.courseOpen span a {font-size:90%; font-weight:normal; color:#777;}
.box ul { list-style: none; padding: 0; margin: 0 12px; }
.box ul li {display: inline; }
.box ul li a { background: url(/images/div/shortcut_bullet.gif) 0 9px no-repeat; display: block; font:bold 100%/135% Tahoma, sans-serif; color: #888888; text-decoration: none; padding: 2px 0 4px 11px; margin-bottom:2px;}
.box ul.small li a {font:bold 90%/135% Tahoma, sans-serif;}
.box ul li a:hover {text-decoration: underline; background:#dddddd;}
.box ul li.active a {background:#dddddd;}
.box ul li a span.date {display:block; font-style:italic; font-size:90%; font-weight:normal;}
.box_end {width: 200px; height:21px; background: url(/images/boxes/box_lower_bg.gif) 0 100% no-repeat; padding:0;}

/*------------- VÄDER -----------*/
p.weather_today {font-weight:bold; font-size:90%; margin:0 10px;}
p.weather_today_details {margin:-2px 0 -2px 10px; padding:0;}
span.weather_time {font-weight:bold; font-size:90%; color:#888888; margin-right:12px;}
span.weather_symbol img {vertical-align:middle; width:30px; height:30px; margin-right:8px;}
span.weather_wind {font-size:90%; margin-left:8px;}
span.wind_dir {font-size:90%; margin-left:5px;}

table#weather {margin:5px 0 0 5px;}
td.weather_coming {text-align:center; font-weight:bold; font-size:90%; line-height:100%; padding-right:7px;}
td.weather_coming img {width:25px; height:25px;}
span.weather_temp {font-weight:bold; font-size:110%;}
.temp_plus {color:#cc0000;}
.temp_minus {color:blue;}


/*------------- MEDLEM -----------*/
p.forget_link  {font-size:80%; text-align:right; padding:0; margin:-27px 0 13px 0;}

#jun_leaders p.name   {margin:0; padding:0 0 0 18px; background:url(/images/div/person16x16.gif) 0 0 no-repeat;}
#jun_leaders p.name a {text-decoration:underline;}
#jun_leaders p.phone  {margin:0 0 10px 0; padding:0 0 0 2px; color:#999999;}

/*------------- GALLERI -----------*/
#thumbs a img {border-style:solid; border-color:#666666; border-width:6px 6px 12px 6px; margin:7px;}
#thumbs {text-align:center; padding:6px 0;}

/*------------- FADING IMAGES -----------*/
#rotating_images {margin: 12px 0;}

/*------------- BANAN -----------*/
#guide_img a img { width:200px; border:none;}
#guide_thumbs { margin-bottom:10px; }
#guide_thumbs a img {border-style:solid; border-color:#666666; border-width:4px 4px 10px 4px; margin-right:7px;}
#guide_txt h2 {color:#666666; font:140% "Trebuchet MS", Verdana, sans-serif; margin:0 0 7px 0;}
#guide_txt h2 span {color:#666666; font-size:90%; margin-left:15px;}
#guide_txt p.guide_descr { }
#guide_txt p.guide_spons {text-align:center; border:none; margin-top:15px;}
#guide_txt p a img {border:none;}
#guide_prev {float:left;}
#guide_next {float:right;}

#slope {margin-top:10px; background:#efefef; padding:3px;}
#slope th {text-align:center;}
#slope input.hcp {width:45px; border:solid 1px #d77212; margin:0 30px 0 5px;}
#slope input.tee {width:47px; border:solid 1px #cccccc; padding-left:2px;}

#scorecard {width:50%; background:#efefef; margin-bottom:10px;}
#scorecard tr {}
#scorecard th {text-align:center;}
#scorecard td {text-align:center;}


/*------------- KLUBBEN -----------*/
#comm_member p.name   {margin:0; padding:0 0 0 18px; background:url(/images/div/person16x16.gif) 0 0 no-repeat;}
#comm_member p.name a {text-decoration:underline;}
#comm_member p.phone  {margin:0 0 10px 0; padding:0 0 0 18px; color:#999999;}
#comm_member span.role  {margin-left:15px;}
#comm_member span.phone  {margin-right:15px;}

#calender {margin-bottom:20px;}
#calender p.week {background:#d77212; padding:2px 3px 2px 7px; margin:10px 0 4px 0; font-weight:bold; color:#ffffff;}
#calender table	  {width:100%; table-layout: fixed;} 
#calender td.day  {width:18%; background: url(/images/div/shortcut_bullet.gif) 0 9px no-repeat; vertical-align:top; border-bottom:solid 1px #cccccc; padding:4px 0 4px 10px; font:bold 100%/135% Helvetica, sans-serif; color: #777777;}
#calender tr	  {}
#calender td.red  {color:#d77212; vertical-align:top;}
#calender td.info {width:82%; padding:4px 5px 4px 0; vertical-align:top; border-bottom:solid 1px #cccccc;}

table.greenfee {width:100%; margin:10px 0; border-bottom:1px solid #d77212;}
table.greenfee tr {}
table.greenfee th {border-bottom:1px solid #d77212; text-align:left;}
table.greenfee td {padding:3px 0; vertical-align:top;}


/*------------- WEBBFRÅGAN -----------*/
#poll {padding:0 5px; margin:0;}
#poll input {}
#poll img {position:relative; top:5px; border:none;}
#poll span#poll_show_result {margin-left:10px;}

#poll_result {width:99%; border-right: solid 1px #d77212; background:#eeeeee; margin:10px 0 20px 0; padding:5px 0 5px 5px;}
#poll_result table {width:100%; margin-bottom:15px; padding:0;}
#poll_result td {font-size: 90%; font-weight:bold;}
#poll_result p {font-size: 90%; margin:0; padding:0;}
#poll_result span.antal {font-size: 90%; color:#828282; margin-left:5px;}

/*------------- TÄVLINGAR -----------*/
#tourn {margin-bottom:25px;}
#tourn a img {border:none;}
#tourn table {width:100%;}
#tourn td {padding:4px;}
#tourn td.head {font-weight:bold;}
#tourn table.detail {background: #dedede; margin:0; border-style: none solid solid solid; border-width:1px; border-color:#666666;}
#tourn span.detail_head {font-weight:bold; color:#d77212;}
#tourn td.detail {padding:5px;}

/*------------- RESTAURANG -----------*/
table.menu {width:100%; margin:5px 0; border-bottom:1px solid #d77212; background:#eeeeee;}
table.menu td.date {width:10%; padding:5px; vertical-align:top; font-weight:bold;}
table.menu td.food {padding:3px 10px; vertical-align:top; background: url(/images/div/shortcut_bullet.gif) 0 9px no-repeat;}

/*------------- GÄSTER -----------*/
#guests a img {border:none; margin-right:15px;}

/*------------- NYA MEDLEMMAR -----------*/
.new_member {background: #dedede; padding:7px; margin-bottom:20px;}
.new_member div.row { width:100%; border-bottom:solid 1px #bbbbbb; margin-bottom:6px; padding-bottom:5px;}
.new_member label {width:100px; float:left; text-align:right; margin-right:10px; padding:2px 10px 2px 2px; background: url(/images/div/formlabel_bullet.gif) 100% 58% no-repeat;}
.new_member input, .new_member textarea {width:200px; border:solid 1px #d77212; font-family:Helvetica; font-size:90%; padding-left:2px;}
.new_member input.radio 				{width:15px;  border:none;}
.new_member select {border:solid 1px #d77212; font-family:Helvetica; font-size:90%}
.new_member textarea {width: 300px; height:60px;}
.new_member p.comment {clear:both; margin:8px 0 0 125px; padding:0; color:#d77212; line-height:100%}

/*------------- SAMARBETE -----------*/
#samarbete p a img {border:none; margin:10px;}

/*------------- STATUS -----------*/
.box .updated {font-size:95%; font-weight:normal; color:#777;}