/*========================================================*/
/*               http://www.2designstudio.net             */
/*========================================================*/

/*
COLOR-Definition - RankingPin.Com

#E3C348 --> gold
#58585A --> dunkelgrau
#9C9D9F --> hellgrau (alt)
#BBBCBE --> hellgrau (neu)

*/


/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/
/* Style For HTML BODY                   */ 
body 
{ margin: 0; background:#58585A; font-size: 11px; }
/* Setting Text Throughout the skin      */ 
table, tr, td, p 
{font-family: tahoma;  margin: 0px;}

H1
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 16px;
	font-weight: bolder;
	color: #58585A;
	padding: 2px 2px 2px 2px;
	margin-bottom: 0px;
}

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/
.ControlPanel, .PagingTable {
    width: 100%;
    height: 64px;
    background-color: #Ffffff;
    BORDER-RIGHT: #58585A 1px solid; 
    BORDER-TOP: #58585A 1px solid; 
    BORDER-LEFT: #58585A 1px solid; 
    BORDER-BOTTOM: #58585A 1px solid; 
}
.SkinObject {
    font-weight: bold;
    font-size: 11px;
    color: #58585A;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.SkinObject:link {
    /*text-decoration:none;*/
    color:#58585A;
}

A.SkinObject:visited  {
    text-decoration:none;
    color:#58585A;
}

A.SkinObject:active   {
    text-decoration:none;
    color:#58585A;
}

A.SkinObject:hover    {
    text-decoration:none;
    color:#83E746;
}
/* style for module titles */
.Head   {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  14px;
    font-weight: bold;
    /*color: #208AC4;*/
    color: Black;
}
/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:12px;
    font-weight:bold;
    color: #58585A;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #cccccc;
}
/* text style used for most text rendered by modules */
.Normal,.NormalDisabled{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	 /*color: #58585A;*/
	color: black;
	/*letter-spacing: 1px;*/
	line-height: 18px;
		 
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled{
    color: Silver;
}
/* text style used for rendered text which requires emphasis */
.NormalBold{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #58585A;
}
/* text style used for error messages */
.NormalRed
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}
/* text style used for help text rendered by modules */
.Help{
  border-right: black 1px solid;
  padding-right: 2px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  background-color: #ffff99;
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #58585A;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #58585A;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #208AC4;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #E3C348;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: gray;
	color: #ffffff;
	font-family: Verdana, sans-serif;
}
A:link  {
    text-decoration:    underline;
    color:  #58585A;
}

A:visited   {
    text-decoration:    underline;
    color:  #58585A;
}

A:active    {
    text-decoration:    underline;
    color:  #58585A;
}

A:hover {
    text-decoration:    underline;
    color: #E3C348;
}
.CleanStyletopbg
{
	background-color: Black;
}
.CleanStylejg{
	background-color: #E3C348;
	background-repeat: repeat-x;
	height: 3px;
}

.CleanStylesearchbg01
{
   background-image: url(CleanStylesearch01.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height: 23px;
}
.CleanStylesearchbg02{
   background-image: url(CleanStylesearch02.jpg);
	background-repeat: repeat-x;
	height: 23px;
}
.CleanStylesearchbg03{
   background-image: url(CleanStylesearch03.jpg);
	background-repeat: no-repeat;
	width: 177px;
	height: 23px;
}
/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/
.bannerpane{
	padding: 1px;
}
.toppane{
	padding: 0px; 
}
.leftpane{
	padding: 0px;
	width: 170px;
}
.rightpane{
	padding: 0px;
}
.contentpane{
	padding: 1px;
}
.contentpane01{
	padding: 1px;
}
.contentpane02{
	padding: 1px;
}
.bottompane{
	padding: 1px;
}
.bottompane01{
	padding: 1px;
}
/*========================================================*/
.SearchButton {
   background: transparent;
   padding: 0px 0px 12px 38px; 
   cursor: hand; 
   font-size:1px;
   margin: 0 0 0 0px;
}
#dnn_dnnSEARCH_txtSearch { text-align: left; vertical-align: middle;  height:14px; background: transparent; width: 123px; color: #235D8F; padding: 2px 2px 2px 2px; border: 0px solid #FFFFFF; cursor:text; font-size: 10px;}
.CleanStylelanguage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #235D8F;
}
/*========================================================*/
.ModuleTitle_MenuContainer { background: transparent;}
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background-color: Transparent;
	}
.ModuleTitle_MenuItem {
	cursor: hand; 
	color:#FFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #FFFFFF 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #7AD7E3 0px solid; 
	border-right: #FFFFFF 0px solid;
	background: #83E746;
	height: 20px;
}
.ModuleTitle_MenuIcon {
	cursor: hand; 
	border-left: #999999 0px solid; 
	border-bottom: #999999 0px solid; 
	border-top: #999999 0px solid; 
	border-right: #999999 0px solid;
	background-color: #1C84C6; 
	text-align: center; 
	width: 15px; 
	height: 20px;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #83E746; 
	border-bottom: #FFF 1px solid; 
	border-left: #FFF 1px solid; 
	border-top: #FFF 1px solid;  
	border-right: #FFF 1px solid; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray' , Direction=135, Strength=1);
}

.ModuleTitle_MenuBreak {
	border-bottom: transparent 0px solid; 
	border-left: transparent 0px solid; 
	border-top: transparent 0px solid;  
	border-right: transparent 0px solid; 
	background-color: transparent; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {
	background-color: #0076C0;
	cursor: hand; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	height: 20px;
	color: #FFF;
}

.ModuleTitle_MenuArrow {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #7AD7E3 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */

.MainMenu_MenuContainer 
{
	/*background: #BCBDBF;*/
	background-image: url(menu_bg_gray.gif);
	background-color: #BCBDBF;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	background: transparent;
}

.MainMenu_TabRootMenuItem TD
{  
	/*background-image: url(CleanStylemenulittlebg.gif);*/
	background-image: url(menu_bg_gray.gif);
	height:24px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
}

.MainMenu_TabRootMenuItemSel TD
{	
	/*background-image: url(CleanStylemenubg.gif);*/
	background-image: url(menu_bg.gif);
	background-color: #E3C348; /*gold*/
	height:24px; 
	font-size: 12px; 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;  
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
}

.MainMenu_TabMenuItemHover TD
{
	color:black;
	background-color: transparent;
	height:24px;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;  
	background-repeat: repeat-x; 
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}

.MainMenu_TabMenuItemSelHover TD
{
	/*background-image: url(CleanStylemenubg.gif);	*/
	color: black;
	font-weight: bold;
	font-style: normal; 
	height:24px; 
	background-repeat: repeat-x; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
}

.MainMenu_MenuItem {
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal; 
	border-left: #999999 0px solid; 
	border-bottom: #999999 0px solid; 
	border-top: #999999 0px solid; 
	border-right: #999999 0px solid;
	background: #BCBDBF;
	height: 20px;
}

/*
.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	border-left:#1C84C6 1px solid; 
	border-bottom:#1C84C6 1px solid; 
	border-top: #1C84C6 1px solid; 
	border-right: #1C84C6 1px solid;
	background-color: #1C84C6; 
	height: 20px;
}*/

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	border-left:#58585A 1px solid; 
	border-bottom:#58585A 1px solid; 
	border-top: #58585A 1px solid; 
	border-right: #58585A 1px solid;
	background-color: #58585A; 
	height: 20px;
}


.MainMenu_SubMenu {
	border-bottom: #FFF 1px solid; 
	border-left: #FFF 1px solid; 
	border-top: #FFF 1px solid;  
	border-right: #FFF 1px solid; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #83E746;
	color: #6A6A6A;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray' , Direction=135, Strength=1);*/
}

.MainMenu_MenuBreak {
	border-bottom: transparent 0px solid; 
	border-left: transparent 0px solid; 
	border-top: transparent 0px solid;  
	border-right: transparent 0px solid; 
	background-color: transparent; 
	height: 1px;
}

.MainMenu_MenuItemSel {
	cursor: hand; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight: normal; 
	font-style: normal;
	height:20px;
	color: #FFFFFF;
}

.MainMenu_MenuArrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #7AD7E3 0px solid; 
	border-bottom: #7AD7E3 0px solid; 
	border-top: #FFFFFF 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px; 
	cursor: pointer; 
	cursor: hand;
}
.login{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3C348;
}
A.login:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3C348;
	text-decoration: none;
}
A.login:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3C348;
	text-decoration: none;
}
A.login:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
   text-decoration: underline;
}
A.login:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C8FD3;
	text-decoration: none;
}
.user{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3C348;
}
A.user:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3C348;
	text-decoration: none;
}
A.user:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E3C348;
	text-decoration: none;
}
A.user:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
   text-decoration: underline;
}
A.user:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C8FD3;
	text-decoration: none;
}
.homename{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
A.homename:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
A.homename:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
A.homename:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
   text-decoration: underline;
}
A.homename:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.privacy{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
A.privacy:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
A.privacy:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
A.privacy:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
   text-decoration: underline;
}
A.privacy:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.terms{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
A.terms:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
A.terms:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
A.terms:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
   text-decoration: underline;
}
A.terms:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.currentdate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C8FD3;
	text-decoration: none;
}
.breadcrumb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.breadcrumb:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.breadcrumb:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
A.breadcrumb:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
   text-decoration: underline;
}
A.breadcrumb:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.cockpit_titlebar
{
	font-size: 16px;
	font-family: Verdana;
	font-weight: bold;
	color: #58585A;
	border-bottom: solid 1px #E3C348;
	padding: 3px 3px 4px 3px;
	width: 100%
}

.cockpit_bar
{
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	color: black;
	background-image: url(titlebar_bg.gif);
	padding: 4px 3px 4px 3px;
	border: solid 1px #E3C348;
}

.cockpit_box
{
	border: solid 1px #E3C348;
	padding: 5px;
}

.cockpit_hr
{
	border: solid 1px #E3C348;
}

.cockpit_frame
{
	background-color: white;	
	padding-left: 15px;
}

.articleText
{
	color: black;
	font-size: 14px;
	font-family: Verdana, Tahoma, Arial;
	padding: 7px 5px 20px 5px;
}

.normalText
{
	color: black;
	font-size: 14px;
	font-family: Verdana, Tahoma, Arial;
	padding: 1px 1px 1px 1px;
}

.selection_label
{
font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
	 color: #58585A;
}

td
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
	 /*color: #58585A;*/
	color: black;
	/*letter-spacing: 1px;*/
	line-height: 18px;
		 
}

.ProductRowCompleted
{
	font-size: 12px;
	font-family: Verdana;
	color: gray;
}

.ProductRowIncompleted
{
	font-size: 12px;
	font-family: Verdana;
	color: black;
}

.ProductRowActive
{
	font-size: 12px;
	font-family: Verdana;
	color: black;
}

.BillSubTotalRow
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:12px;
    font-weight:bold;
    color: #58585A;
}

.BillTotalRow
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:12px;
    font-weight:bold;
    color: #58585A;
    text-decoration: underline;
}

.InfoText
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size:13px;
	font-weight: bold;
}

.PayOptionLink
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 14px;
	color: Blue;
	text-decoration: underline;
	font-weight: normal;
	line-height: 24px;
}

A.PayOptionLink:link {
    /*text-decoration:none;*/
    color:black;
}

A.PayOptionLink:hover{
    /*text-decoration:none;*/
    color:#E3C348;
}

.SmallTextBox
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 9px;
    font-weight: normal;
}

.ProductTitle
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 13px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.ProductDescription
{
    font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: Black;
	font-weight: normal;
	padding: 2px 2px 10px 2px;
}

.ProductCategoryBar
{
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px black;	
	padding-top: 10px;
}


/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/
