﻿.DefaultDropDownList
{
    background-color:#F4F4F3;
    border: 1px solid #999999;
    border-top: 1px solid #999999;
    width: 251px;
}

.DefaultTextBox
{
    background-color:#F4F4F3;
    border: 1px solid #999999;
    width: 247px;
    overflow:auto;
    padding-left: 5px;
    overflow: hidden;
}

.DefaultListBox
{
    border: 1px solid #999999;
    overflow:auto;
    padding-left: 5px;
}

.DefaultTextarea
{
    background-color:#F4F4F3;
    border: 1px solid #999999;
    width: 247px;
    overflow:auto;
    padding-left: 5px;
/*    font-size: 10px;
    font-family: Verdana, Arial;
*/
    overflow:auto;
}

.GradientTextBox
{
    background-image: url('../images/controls/textbox/gradient/background.gif');
    background-repeat:repeat-x;
    border: 1px solid #999999;
    width: 247px;
    overflow:hidden;
}

input.DefaultUpload
{
    border: 1px solid #999999;
    background-color:#F4F4F3;
    width: 247px;
}

div.DefaultCheckBox
{
    background-image:url('../images/inputbg.gif');
    background-repeat:repeat-x;
    border: 1px solid #999999;
    width:100%;
    height:20px;
    margin-bottom: 2px;
    padding: 0px 0px 0px 0px;
}

.DefaultRadioButtonList label
{
    position:relative;
    top:-3px;
    font-family: Verdana; /*regular*/
    font-size: 10px;
    color: #6d6d6d;
    margin-top: 0px;
    line-height: 15px;
}

.DefaultRadioButton label
{
    position:relative;
    top:-3px;
    font-family: Verdana; /*regular*/
    font-size: 10px;
    color: #6d6d6d;
    margin-top: 0px;
    line-height: 15px;
}

.DefaultCheckBox_Text
{
    position:relative;
    top: -2px;
}

/*
    Styling of our button
*/
div.DefaultButton
{
    border:none;
    height: 32px;
    width:119px;
    text-align:center;
    padding:0px 0px 0px 0px;
    background-image:url('../images/controls/button/button.gif');
    background-repeat:no-repeat;
    cursor:pointer;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 3px;
}
.extendButton, .extendButtonRed
{
    border:none;
    height: 31px;
    width:230px;
    text-align:left;
    padding:0px 0px 4px 30px;
    background-image:url('../images/controls/button/extend_button.gif');
    background-repeat:no-repeat;
    cursor:pointer;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
}
.extendButton
{
	color: #758E0E;
}
.extendButtonRed
{
	color: Red;
}
.extendHead
{
	color: #474745;
    font-weight: bold;
    font-size: 12px;
    padding-left: 4px;
}
.extendLabel
{
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	color: #FBFF01;
	padding-top: 3px;
	padding-left: 4px;
}
.extendPanelGreen
{
	height: auto;
    padding-top: 5px; 
    padding-bottom: 10px;
	border: solid 1px #6D6D6D;
    background-image: url('../images/controls/textbox/gradient/green.gif');
    background-repeat:repeat-x;
    color: #FBFF01;
}
.extendPanelGreen .extendLabel
{
	color: #FBFF01;
}

.extendPanelYellow
{
	height: auto;
    padding-top: 5px; 
    padding-bottom: 10px;
	border: solid 1px #6D6D6D;
    background-image: url('../images/controls/textbox/gradient/yellow.gif');
    background-repeat:repeat-x;
    color: #5EA200;
}
.extendPanelYellow .extendLabel
{
	color: #5EA200;
}

.extendPanelOrange
{
	height: auto;
    padding-top: 5px; 
    padding-bottom: 10px;
	border: solid 1px #6D6D6D;
    background-image: url('../images/controls/textbox/gradient/orange.gif');
    background-repeat:repeat-x;
    color: #5FA101;
}
.extendPanelOrange .extendLabel
{
	color: #5FA101;
}


.button, .buttonRed, .buttonSmall, .buttonSmallRed
{
    border:none;
    height: 32px;
    width:119px;
    text-align:center;
    padding:0px 0px 0px 0px;
    background-image:url('../images/controls/button/button.gif');
    background-repeat:no-repeat;
    cursor:pointer;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 3px;
    color: Green;
    font-weight: bold;
}
.buttonRed
{
    color: Red;
}
.buttonSmall, .buttonSmallRed
{
    height: 27px;
    width:99px;
    background-image:url('../images/controls/button/button_small.gif');
}
.buttonSmallRed
{
    color: Red;
}

.DefaultButton img
{
    position:relative;
    top:6px;   
}

.DefaultButton a
{
    color:Green;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
    font-family: Verdana;
    
    position:relative;
    top:5px;
    text-align:center;
}

.DefaultButton a.ButtonTextRed
{
    color:Red;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
    font-family: Verdana;
    
    position:relative;
    top:5px;
    text-align:center;
}
.DefaultButton a.ButtonTextBlack
{
    color:Black;
    font-weight:bold;
    font-size: 11px;
    text-decoration:none;
    font-family: Verdana;
    
    position:relative;
    top:5px;
    text-align:center;
}


img.IconImage
{
    float:left;
    margin-right: 15px;
    margin-left: 20px;
}

/*
    Hack to make line from page-title-headline to the contentpage
*/
div.PageTitleBox
{  
    top:0px;
    height:28px;
    /* position:relative; */
    margin-bottom: 15px;
    width: 262px;
    border-bottom: 1px solid #999999;
}

div.PageTitleBox_Wide
{  
    top:0px;
    height:28px;
    /* position:relative; */
    margin-bottom: 15px;
    width:960px;
    border-bottom: 1px solid #999999;
}

img.DefaultImageBorders
{
    border: solid 1px #D3D3D3;
}

div.GreenBox
{
    border: solid 1px #99b500;
    background-color: #c6ea00;
}
div.YellowBox
{
	background-color: #ffffcd;
    border: solid 1px #D7D7AB;
}
div.RedBox
{
	background-color: #FFB6B6;
    border: solid 1px #A70000;
}
div.GreenBox , div.YellowBox, div.RedBox
{
	font-size: 12px;
    color:#666666;
    width: 98%;
    text-align:left;
    vertical-align:middle;
    padding: 5px 5px 5px 5px;
    margin: 5px 0px 15px 0px;
}

div.GreenBox p , div.YellowBox p, div.RedBox p
{
    color:#666666;
    font-size: 17px;
    font-weight:bold;
    padding: 5px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
}
div.GreenBox .img , div.YellowBox .img, div.RedBox .img
{
	padding-right: 18px;
}
div.GreenBox .head , div.YellowBox .head, div.RedBox .head
{
	padding-left: 18px;
	font-size: 13px;
	font-weight: bold;
}
div.GreenBox .head span, div.YellowBox .head span, div.RedBox .head span
{
	line-height: 20px;
}
div.GreenBox .text , div.YellowBox .text, div.RedBox .text
{
	text-align: left;
	padding-left: 60px;
}


/* Front/Back preview shadow */
.PreviewShadow
{
	background: transparent url('../images/frame.gif') no-repeat top left;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
}