﻿/*******************/
/* Global settings */
/*******************/

body
{
	background-color: black;
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font-family: Verdana;
	font-size: 0.8em;
}

h1
{
	margin: 0px;
	padding: 10px;
	text-align: center;
}

/***********************/
/* Internet Opskrifter */
/***********************/

#masterpage
{
	background-color: #f6f5e2;
	padding-bottom: 30px;
	margin: auto;
	width: 1000px;
}

#masterbanner
{
	background: url(Banner.gif) no-repeat;
	height: 70px;
}

#mastersearch
{
	margin-top: 5px;
	margin-bottom: 20px;
}

#mastertopmenu
{
	padding: 10px 0px 10px 0px;
	margin: 10px 20px 0px 20px;
	width: 960px;
}

#mastertopmenu .top
{
}

#mastertopmenu .bottom
{
}

#mastertopmenu .content
{
}

#mastermaincontent
{
	margin: 5px 0px 0px 0px;
}

#masterleftside
{
	width: 200px;
	margin: 0px 0px 0px 20px;
	_margin: 0px 0px 0px 10px;
	float: left;
	border: 1px solid #a3f693;
}

#masterrightside
{
	width: 200px;
	margin: 0px 0px 0px 0px;
	float: left;
	border: 1px solid #a3f693;
}

#masterleftside .content, #masterrightside .content
{
	background-color: White;
	padding: 10px;
}

#masterleftside .top, #masterrightside .top
{
	background-color: #a3f693;
	height: 20px;
	border-bottom: 1px solid #a3f693;
}

#masterleftside .bottom, #masterrightside .bottom
{
	background: url(SideMenuBottom.gif) no-repeat;
	height: 10px;
	margin-bottom: 10px;
}

#pagelinks
{
    padding: 20px 5px 5px 5px;
    font-size: 0.8em;
}

#pagelinks
{
    color: #525252;
}

#pagelinks a
{
    padding: 0px 5px 0px 5px;
    color: #333377;
}

.divider
{
	border-bottom: 2px solid #a3f693;
	margin: 5px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
}

.mainmenu
{
	margin-left: 235px;
}

#mastercontent
{
	width: 535px;
	_width: 545px;
	background-color: White;
	margin: 0px 10px 0px 10px;
	border: 1px solid #a3f693;
	padding: 0px;
	float: left;
}

#mastercontent .top
{
	background-color: #a3f693;
	height: 20px;
	border-bottom: 1px solid #a3f693;
}

#mastercontent .bottom
{
	background: url(ContentBottom.gif) no-repeat;
	height: 10px;
	margin-bottom: 10px;
}

#mastercontent .content
{
	background-color: White;
	padding: 10px 40px 10px 40px;
}

#mastetcontent .content .failedlabel
{
	font-size: small;
	font-weight: bold;
	color: Red;
}

#mastercontent .normal
{
	font-size: 1em;
}

#mastercontent .inputbox
{
}

#mastercontent .inputbox .section
{
	margin-top: 20px;
	margin-bottom: 20px;
}

#mastercontent .buttons
{
	text-align: center;
}

.control
{
	padding: 0px 0px 0px 5px;
	font-size: 0.8em;
}

.control .label
{
	font-weight: bold;
	width: 150px;
	float: left;
	margin-bottom: 3px;
}

.control .textbox
{
	width: 150px;
	margin-bottom: 3px;
}

.control .multilinetextbox
{
	width: 400px;
	height: 200px;
	margin-bottom: 3px;
	overflow: auto;
}

.menu
{
}

.header
{
	text-align: center;	
	margin-bottom: 10px;
}

.login
{
	padding: 0px 10px 0px 10px;
	font-size: 0.7em;
}

.login .header
{
	text-align: center;
	font-size: 1.6em;
}

.login .label
{
	font-weight: bold;
	width: 60px;
	display:inline-block;
}

.login .textlabel
{
	font-weight: bold;
	text-align: center;
}

.login .failedlabel
{
	font-weight: bold;
	color: Red;
}

.login .textbox
{
	width: 90px;
	font-size: 1.0em;
}

.login .section
{
	margin-bottom: 3px;
}

.login .buttons
{
	margin-top: 10px;
	text-align: center;
	font-size: 1.4em;
}

.login .button
{
	margin-right: 5px;
}

.newsitem .description
{
	padding: 3px 0px 3px 0px;
}

.skin_dropdownlist_addingredient
{
	font-size: 0.9em;
}

.skin_label_label
{
	font-weight: bold;
	font-size: 1.0em;
}

.skin_label_text
{
	font-size: 1.0em;
}

.skin_label_textlinks
{
	display: block;
	font-size: 1.0em;
	width: 350px;
}

.skin_label_textmultiline
{
	font-size: 1.0em;
	width: 350px;
}

.skin_label_smalllabel
{
	font-size: 0.8em;
	font-weight: bold;
}

.skin_label_header
{
	font-size: 1.5em;
	font-weight: bold;
}

.skin_label_stepnormal
{
	font-size: 0.8em;
	border: 1px solid #a3f693;
	padding: 2px 10px 2px 10px;
}

.skin_label_stepactive
{
	font-size: 0.8em;
	border: 1px solid #a3f693;
	padding: 2px 10px 2px 10px;
	background-color: #a3f693;
}

.skin_label_search
{
	font-size: 0.8em;
	vertical-align: middle;
	margin-right: 5px;
}

.skin_textbox_addingredient
{
	font-size: 0.9em;
}

.skin_textbox_search
{
	font-size: 0.7em;
	width: 200px;
	border: 1px solid #a3f693;
	vertical-align: middle;
}

.skin_textbox_gridviewrightalign
{
	text-align: right;
}

.skin_textbox_modalpopupmultiline
{
    height: 100px;
    width: 300px;
}

.skin_gridview_gridview
{
	font-size: 0.8em;
}

.skin_gridview_comment
{
	margin: 0px 0px 20px 0px;
	font-size: 0.8em;
}

.skin_gridview_halfwidth
{
	margin: 5px;
	border: 1px solid #dddddd;
}

.skin_gridview_halfwidth_rowstyle
{
	padding: 1px 2px 2px 2px;
}

.skin_gridview_news
{
	margin: 5px;
	font-size: 0.8em;
	padding: 0px 0px 5px 0px;
}

.skin_linkbutton_button, .skin_menuitem_button
{
    background-color: #d5e6ed;
    border: 1px solid black;
    color: #000000;
    font-size: 0.8em;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    margin-left: 5px;
}

.skin_linkbutton_button:hover, .skin_menuitem_button:hover
{
    background-color: #b4cbd5;
    color: #ffffff;
}

.skin_linkbutton_amountbutton
{
    color: #000000;
    font-size: 0.8em;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.skin_linkbutton_amountbutton:hover
{
    background-color: #b4cbd5;
    color: #ffffff;
}

.skin_linkbutton_menubutton
{
    border: 2px solid #a3f693;
    color: #000000;
    font-size: 0.9em;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    margin-left: 0px;
}

.skin_linkbutton_menubutton:hover
{
    color: #53e623;
}

.skin_linkbutton_smalllink
{
    font-size: 0.8em;
}

.skin_linkbutton_smalllink:hover
{
    color: #53e623;
}

.skin_linkbutton_inlinebutton
{
    background-color: #d5e6ed;
    border: 1px solid black;
    color: #000000;
    font-size: 0.8em;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    margin-left: 0px;
    position: relative;
    top: -2px;
}

.skin_linkbutton_inlinebutton:hover
{
    background-color: #b4cbd5;
    color: #ffffff;
}

.skin_hyperlink_header
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.skin_hyperlink_header:hover
{
    color: #ffffff;
}

.skin_hyperlink_newslink
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.skin_hyperlink_newslink:hover
{
    color: #ffffff;
	background-color: #b4cbd5;
}

.skin_hyperlink_categorymenu
{
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	font-size: 0.8em;
	color: #0055ff;
}

.skin_hyperlink_categorymenu:hover
{
	color: #ffffff;
	background-color: #b4cbd5;
}


.skin_image_thumbnail
{
	padding: 2px;
	background-color: White;
}

.skin_image_thumbnail:hover
{
	padding: 2px;
	background-color: White;
	border-color: #b4cbd5;
}

.skin_image_normal
{
	padding: 2px;
	margin: 0px 0px 0px 10px;
}

.skin_image_side
{
	padding: 2px;
}

.skin_imagebutton_rating
{
}

.skin_imagebutton_toolbuttons
{
}

.skin_imagebutton_toolbuttons:hover
{
	background-color: #b4cbd5;
}

.skin_imagebutton_searchbutton
{
	vertical-align: middle;
}

.skin_imagebutton_searchbutton:hover
{
	background-color: #b4cbd5;
}

.skin_label_commentheader
{
	font-weight: bold;
	font-size: 0.8em;
}

.skin_panel_fullwidth
{
	width: 450px;
}

.skin_panel_halfwidth
{
	width: 215px;
}

.skin_label_bold
{
	font-weight: bold;
}

.skin_checkboxlist_3column
{
}

.skin_checkboxlist_3column td
{
	width: 150px;
}

.center
{
	text-align: center;
}

.right
{
	padding-right: 20px;
	text-align: right;
}

.control .multiline
{
	margin: 5px 5px 10px 5px;
}

.control .ingredients
{
	padding: 10px 10px 0px 10px;
	font-size: 1.2em;
}

.control .tags
{
	padding: 10px 10px 0px 10px;
}

.watermark
{
	font-size: 0.9em;
	font-style:oblique;
	color: #909090;
}

.modalbackground 
{  
	background-color: #909090;  
	filter:alpha(opacity=70);  
	opacity:0.7;
}

.modalpanel
{
	background-color: White;
	padding: 10px;
	border: 2px solid #a3f693;
}

.modalpanelnormal
{
	background-color: White;
	padding: 10px;
	border: 2px solid #a3f693;
}

.modalpanel .modaltitle
{
	text-align: center;
}

.modalpanel .modalcontent
{
	padding: 5px;
}

.modalpanel .modalbuttons
{
	text-align: center;
}

.modalpanelnormal .modalbuttons
{
	text-align: center;
}

.browseitem
{
	border-style: none;
	margin: 5px 5px 5px 5px;
	width: 440px;
}

.browseitem .image
{
	float: right;
	background-color: White;
	padding-left: 5px;
}

.browseitem .headerlink
{
	padding: 2px 5px 2px 5px;
	background-color: #d5e6ed;
}

.browseitem .description
{
	padding: 5px;
}

.accordionheader
{
	background-color: #d5e6ed;
	color: Black;
	margin: 5px 0px 5px 0px;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 0.8em;
}

.accordionheader:hover
{
	color: White;
	cursor: pointer;
}

.accordioncontent
{
	border: solid 1px black;
	min-height: 0px;
}

a.hyperlink, a.hyperlink:visited
{
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	font-size: 0.8em;
	color: #0055ff;
}

a.hyperlink:hover
{
	color: #ffffff;
	background-color: #b4cbd5;
}

a.griditemhyperlink, a.griditemhyperlink:visited
{
	text-decoration: none;
	padding: 0px;
	font-size: 0.8em;
	color: #0055ff;
}

a.griditemhyperlink:hover
{
	color: #ffffff;
	background-color: #b4cbd5;
}

.normalimage
{
	float: right;
}

.actions
{
	margin-top: 20px;
}

.comments
{
	padding: 0px;
}

.comments .title
{
	font-size: 1.2em;
	padding: 10px 5px 5px 5px;
	cursor: pointer;
}

.comments .title:hover
{
	color: Gray;
}

.commentitem
{
	border-style: none;
	margin-bottom: 5px;
	width: 440px;
}

.commentitem .commentitemtitle
{
	background-color: #bdbdbd;
	padding: 2px;
}

.commentitem .commentitemdescription
{
	padding: 2px 5px 2px 5px;
}

.comments .commentsgridview
{
	padding: 0px 10px 0px 10px;
}

.todaysrecipe
{
	font-weight: normal;
}

.todaysrecipe .browseitem
{
	width: 410px;
	* width: 430px;
	font-size: 0.8em;
}

.newssection
{
	font-weight: normal;
}

.sectionnewrecipes
{
	font-weight: normal;
}

.sectiontopfive
{
	font-weight: normal;
}

.frontpage
{
	margin-top: 30px;
}

.frontpage .doublecolumn .skin_panel_halfwidth
{
	float: left;
	margin-right: 10px;
}

.skin_panel_halfwidth .griditemhyperlink
{
	width: 200px;
}

.spacer
{
	height: 10px;
}

.spacerx2
{
	height: 20px;
}

.googlecontentad
{
	margin-left: -5px;
}

.gridview_button_delete
{
}

.gridview_button_delete:hover
{
	background: url(DeleteHover.gif) no-repeat;	
}

.gridview_button_moveup
{
}

.gridview_button_moveup:hover
{
	background: url(MoveUpHover.gif) no-repeat;	
}

.gridview_button_movedown
{
}

.gridview_button_movedown:hover
{
	background: url(MoveDownHover.gif) no-repeat;	
}

.adminmenuitem
{
	margin: 5px 2px 10px 2px;
}

.ingredienttable td
{
	padding: 0px 5px 0px 5px;
}

.modaltable
{
	border: solid 1px black;
}

.modaltable .header
{
}

.modaltable .header td
{
	padding-bottom: 5px;
}

.modaltable td
{
	padding: 0px 5px 0px 5px;
}

.updateprogressbackground
{
	position: absolute; 
	top: 0px; 
	bottom: 0px; 
	left: 0px; 
	right: 0px; 
	overflow: hidden; 
	padding: 0; 
	margin: 0; 
	background-color: #000000;  
	filter: alpha(opacity=50); 
	opacity: 0.5; 
	z-index: 1000;	
}

.updateprogress
{
	position: absolute;  
	top: 30%;  
	left: 43%; 
	padding: 10px; 
	width: 14%; 
	z-index: 1001; 
	background-color: #ffffff; 
}


