/* Palette
#506D25
#73AEC1
#8CBFCE
#A6CFDC
#BFE0E9
#E5F0D4
*/

body
{
    padding: 0;
    margin: 0;
    background: url('/img/environ/bglight.png') repeat-x #89b940;
    font: normal 13px Tahoma, Verdana, Helvetica, sans-serif;
    color: #555;
}

hr
{
    height: 1px;
    margin: 2px 0 2px 0;
    border: 0;
    border-top: solid 1px #506D25;
}

p
{
    padding-top: 4px;
    margin: 0;
}

h1
{
    font-size: 16px;
    padding: 8px 0px 4px 0px;
    margin: 0;
}
.haett
{
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0px 4px 0px;
    margin: 0;
}
h2
{
    font-size: 15px;
    padding: 8px 0px 4px 0px;
    margin: 0;
}

h3
{
    font-size: 14px;
    padding: 8px 0px 4px 0px;
    margin: 0;
}

a
{
    /*	border-bottom : dotted 1px #444; 	border-bottom-style: dotted;*/
    color: #506D25;
    text-decoration: none;
}

a:hover
{
    color: #000;
    text-decoration: none;
}

.breadtext
{
    line-height: 19px;
}

.TextBox
{
    border: solid 1px #ccc;
    background: url('/img/environ/menubg.png') repeat-x;
}
.TextBox:hover
{
    border: solid 1px #506D25;
}


textarea, select
{
    font: normal 13px Tahoma, Verdana, Helvetica, sans-serif;
    border: solid 1px #ccc;
    background: none;
}
textarea:hover, select:hover
{
    border: solid 1px #506D25;
}

#ui-datepicker-div
{
    display: none;
    z-index: 9999;
}



.header
{
    width: 1000px;
    height: 96px;
}

.panel
{
    padding: 4px;
    margin: 4px 0 4px 0;
    border: solid 1px #506d25;
}

.logo
{
    width: 1000px;
    height: 96px;
    font-family: Lucida Sans Unicode;
    font-size: 48px;
    background: url('/img/environ/bglight.png') repeat-x #E5F0D4;
    float: left;
}
.logopanel
{
    width: 500px;
    height: 75px;
    background: url('/img/mklubblogo.png') top left no-repeat;
    float: left;
    margin-top: 10px;
}
.loginpanel
{
    width: 500px;
    height: 96px;
    background: url('/img/environ/loging.png') top left no-repeat;
    float: left;
    font-size: 9px;
    line-height: normal;
}

.Button
{
    height: 25px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    background: black url('/img/environ/menubg.png') repeat-x center;
}

.Button:hover
{
    border: solid 1px #506D25;
}

.LinkButton
{
    padding: 4px 10px;
    height: 24px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
    background: url('/img/environ/menubg.png') repeat-x top;
    vertical-align: middle;
}

.LinkButton:hover
{
    border: solid 1px #506D25;
}


.mainmenu
{
    height: 27px;
}


.container
{
    /*border: solid 1px #000;*/
    width: 1000px; /*height: 768px;*/
    margin: 0 auto;
    margin-top: 0px; /*margin-left : -512px; 	 	position: absolute; 	top: 50%; 	left: 50%;*/ /*background: #fff;*/
}
.maincontent
{
    background: #fff;
    border-left: solid 1px #506D25;
    border-right: solid 1px #506D25;
    border-bottom: solid 1px #506D25;
    width: 1000px;
    min-height: 719px;
}
/*
.contentholder
{
	float:left;
	display: inline;
	clear: none;
	width: 1000px;
	padding: 0px;
	background: #fff;
}
*/

.contentleft
{
    float: left;
    width: 225px;
    min-height: 1px;
    line-height: 19px;
}
.contentmiddle
{
    float: left;
    width: 570px;
    padding-right: 10px;
    line-height: 19px;
}
.contentright
{
    float: left;
    width: 180px;
    line-height: 19px;
}

.pitch
{
    width: 1000px;
    height: 300px;
    background: url('/img/environ/pitch.jpg') top left;
}

.pitchleft
{
    float: left;
    font-size: 24px;
    list-style-image: url('/img/icons/medium/ok.png');
    color: #444;
    padding-top: 50px;
    padding-left: 40px;
    width: 370px;
}
.pitchright
{
    float: left;
    color: #444;
    width: 585px;
}

#rightscroll
{
    float: left;
    background: url('/img/icons/48/rightoff.png') top left;
    width: 48px;
    height: 48px;
    cursor: default;
    display: inline;
    position: relative;
    top: 110px;
    left: 27px;
}
#rightscroll:hover
{
    background: url('/img/icons/48/righton.png') top left;
    width: 48px;
    height: 48px;
    cursor: pointer;
}

#leftscroll
{
    float: left;
    background: url('/img/icons/48/leftoff.png') top left;
    width: 48px;
    height: 48px;
    cursor: default;
    display: inline;
    position: relative;
    top: 110px;
    left: 5px;
}
#leftscroll:hover
{
    background: url('/img/icons/48/lefton.png') top left;
    width: 48px;
    height: 48px;
    cursor: pointer;
    display: block;
}

.newsbox
{
    background: #444;
    color: #fff;
    border: solid 1px #ccc;
    padding: 8px;
    list-style-type: none;
    min-height: 270px;
}

.newsbox a
{
    border: solid 1px #fff;
    padding: 2px;
    color: #fff;
}

.newsbox a:hover
{
    background: #fff;
    color: #444;
}

.newsbox li
{
    list-style: none;
    list-style-position: outside;
    border-bottom: solid 1px #ccc;
    margin: 8px;
}

.teaser
{
    float: left;
    border-right: solid 1px #ffd324;
    padding: 8px;
    margin: 4px;
    width: 300px;
    background: #ffffda;
}


.errorlabel
{
    color: #800;
    font-weight: bold;
}

.search
{
    clear: both;
    display: block;
    background: url('/img/environ/searchbg.jpg') repeat-x;
    margin: 0;
    padding: 0;
}

.footermain
{
    padding: 0;
    margin: 0; /*background: #999;*/
}

.footer
{
    width: 1000px; /*background-color: #555;*/
    font-size: 10px;
    clear: both;
    vertical-align: middle;
    padding: 4px;
    margin: 0 auto;
}

.heading
{
    background-color: #FFFFBA;
    border-bottom: solid 1px #808000;
    font-size: 16px;
    margin: 0;
    width: 790px;
    display: block;
    background: #FFFFDA; /* x-pos y-pos */
    text-align: left;
    border-bottom: 1px solid #ffd324;
    color: #666;
}

.heading h1
{
    padding: 8px 40px 0px 30px;
}
.heading .haett
{
    padding: 8px 40px 0px 30px;
}

.heading a:hover
{
    color: #f60;
}

.contentarea
{
    width: 790px;
    float: left;
    padding: 4px;
}

.paddington
{
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.scrollnavigator
{
    width: 990px;
    height: 22px;
    background: #E5F0D4;
    border-top: 1px solid #506D25;
}
.banner
{
    display: block;
    border-bottom: solid 1px #ff6324;
    background: #ffd324;
    min-height: 50px;
    margin: 0;
    margin-right: 4px;
    padding: 2px;
}

.kxscrollborder
{
    border: 1px solid #506D25;
    background: url('/img/environ/scrollbg.png');
}

.servicesbanner
{
    width: 990px;
    margin: 0px 4px 4px 4px;
    border: solid 1px #506D25;
    padding: 0;
    overflow: hidden;
    background: url('/img/environ/scrollbg.png');
    border-top: 0;
}

.themechooser
{
    position: relative;
    top: -70px;
    left: 350px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen
{
    height: 709px;
    width: 180px; /*width of menu*/
    border: solid 1px #506D25;
    background: #506D25;
    float: left;
}
.arrowgreenHeader
{
    /*width: 180px;*/
    vertical-align: middle;
    display: block;
    color: #506D25;
    background-color: #E5F0D4; /*background-position: 100% -32px;*/
    text-align: center;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 0 4px 0px;
    vertical-align: middle;
}

.arrowgreen ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.arrowgreen li a
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: #506D25; /*transparent url(media/arrowgreen.gif) 100% 0;   height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 16px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
    border-top: solid 1px #506d25;
    border-bottom: solid 1px #506d25;
}
.disabled
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: #506D25; /*transparent url(media/arrowgreen.gif) 100% 0;   height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    line-height: 16px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
    color: #888;
}

.disabled a
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: #506D25; /*transparent url(media/arrowgreen.gif) 100% 0;   height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 16px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
    color: Silver;
}

.disabled a:link, .arrowgreen li a:visited
{
    /*border-left: solid 1px #000;*/
    color: #888;
    border-top: solid 1px #506d25;
    border-bottom: solid 1px #506d25;
}

img
{
    border: none;
}


.arrowgreen li a:link, .arrowgreen li a:visited
{
    /*border-left: solid 1px #000;*/
    color: #fff;
    border-top: solid 1px #506d25;
    border-bottom: solid 1px #506d25;
}

.arrowgreen li a:hover
{
    color: #506D25;
    background-color: #E5F0D4;
    border-top: solid 1px #506d25;
    border-bottom: solid 1px #506d25;
}


.arrowgreen li a.selected
{
    color: #f00;
    background-position: 100% -64px;
}




.listitem
{
    border: solid 1px #000;
    margin: 2px;
}

.listitem:hover
{
    background-color: #ccc;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.modernbricksmenu
{
    padding: 0;
    width: 100%;
    background: url('/img/environ/menubg.png') repeat-x center;
    voice-family: "\"}\"";
    voice-family: inherit;
    border: solid 1px #506D25;
    height: 25px;
}

.modernbricksmenu ul
{
    font: bold 11px Tahoma, Verdana;
    margin: 0;
    margin-left: 0px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none; /*border-left: solid 5px #000;*/
}

.modernbricksmenu li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
    text-transform: uppercase;
}

.modernbricksmenu a
{
    float: left;
    display: block;
    color: #506D25;
    margin: 0 0px 0 0; /*Margin between each menu item*/
    padding: 6px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    background: url('/img/environ/menubg.png') repeat-x center;
    border-right: 1px solid #506D25;
    border-left: 1px solid #fff;
}

.modernbricksmenu a:hover
{
    background-color: #fff; /*Menu hover bgcolor*/
    background-image: none; /*background: url('../img/environ/tabactive.jpg') repeat;*/
}

.modernbricksmenu .current a
{
    background-color: #ccc;
    background: url('/img/environ/menubgselected.png') repeat-x center;
}

.modernbricksmenuline
{
    clear: both;
    padding: 0;
    width: 100%;
    height: 5px;
    line-height: 1px;
    background: #000;
    background: url('../img/environ/line.jpg') repeat-x;
}

.modernbricksmenu2
{
    padding: 0;
    width: 100%;
    height: 34px;
}

.modernbricksmenu2 ul
{
    margin: 0;
    margin-left: 0px; /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
}

.modernbricksmenu2 li
{
    display: inline;
    margin: 0 2px 0 0;
    padding: 0;
}

.modernbricksmenu2 a
{
    float: left;
    display: block;
    color: #506D25;
    margin: 0 0px 0 0; /*Margin between each menu item*/
    padding: 1px 10px;
    text-decoration: none;
    background: url('/img/environ/menubg.png') repeat-x bottom left;
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.modernbricksmenu2 img
{
    vertical-align: middle;
}

.modernbricksmenu2 a:hover
{
    background-color: #fff;
    background-image: none;
}




.cssbox_link
{
    font-size: 12px;
    padding: 4px 2px 0px 0px;
    float: right;
    background-position: top right;
}




.ToolTipHeader
{
    width: 250px;
    background-color: Transparent;
    background-image: url('/img/environ/tooltip.png');
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
    padding: 0px 8px 0px 24px;
    color: #fff;
    z-index: 9999;
}

.ToolTipBody
{
    width: 250px;
    background: #506D25;
    padding: 0px 24px 4px 8px;
    color: #fff;
    z-index: 9999;
}

.loading
{
    position: fixed;
    width: 300px;
    top: 150px;
    left: 50%;
    height: 80px;
    border: solid 1px #506D25;
    background-color: #fff;
    z-index: 7000;
    margin-left: -150px;
    text-align: center;
    padding: 20px 50px 20px 50px;
}

table.tightpad thead th
{
    padding: 3px 3px 3px 3px;
}

thead
{
    font-weight: bold;
    background-color: #506D25;
    color: #fff;
}

.tablerow
{
    background-color: #fff;
}

.alttablerow
{
    background-color: #f8f8f8;
}

.alttablerow:hover
{
    background-color: #E5F0D4;
}
.tablerow:hover
{
    background-color: #E5F0D4;
}



.arrowgreen2
{
    /*width: 180px;  	border-style:dashed ; 	border-color: #aaa; 	border-width: 1px; 	background: transparent;*/
    margin: 0 8px 0 0;
}
.arrowgreenHeader2
{
    display: block;
    color: #506D25;
    background-color: #E5F0D4;
    background-position: 100% -32px;
    text-align: center;
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 0 4px 0px;
    line-height: 16px;
}

.arrowgreen2 ul
{
    list-style-type: none;
    padding: 0;
    background: transparent;
}

.arrowgreen2 li a
{
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    display: block; /* height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    padding: 8px 0 8px 10px;
    line-height: 16px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
    border-bottom: dashed 1px #dbeebb;
}

.arrowgreen2 li a:visited
{
    color: #506D25;
}

.arrowgreen2 li a:link, .arrowgreen2 li a:visited
{
    color: #506D25;
}

.arrowgreen2 li a:hover
{
    color: #000;
    background-position: 100% -32px;
}


.arrowgreen2 li a.selected
{
    color: #506D25;
    background-position: 100% -64px;
}

.blog
{
    padding-left: 8px;
}
.blogitem
{
    list-style: none;
    padding-bottom: 20px;
}
.blogiteminfo
{
    font-size: 11px;
    color: #888;
    vertical-align: middle;
    margin-bottom: 8px;
}


.wizardbread
{
    line-height: 31px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wizardbread li
{
    margin-left: -10px;
    z-index: 1;
    padding: 0 20px 0 20px;
    float: left;
    background: url('/img/environ/bread_inactive.png') top left transparent;
    color: #ccc;
}

.wizardbread li.active
{
    background: url('/img/environ/bread_active.png') top left;
    color: #555;
}

.choosepackage
{
    list-style: none;
}

.choosepackage li
{
    background: #fff;
    padding: 8px;
    margin: 8px;
    border: 1px solid #E5F0D4;
    float: left;
}
.choosepackage li:hover
{
    background: #E5F0D4;
}

.configbox
{
    text-align: left;
    width: 150px;
    border: 1px solid #E5F0D4;
    padding-left: 16px;
    padding-right: 16px;
    float: left;
    margin-top: 80px;
    margin-left: 16px;
}
.configbox ul
{
    margin: 4px;
}

.history
{
    padding-right:8px;
}


.historyoverview
{
    margin-bottom: 5px;
}
.history li
{
    padding: 4px;
    list-style-type: none;
    border-bottom: dashed 1px #dbeebb;
}

.iphone
{
    padding: 0;
    margin: 0;
    background: url('/img/iphone.png') no-repeat top left;
    width: 228px;
    height: 400px;
}

.nofloat li
{
    float: none;
    display: block;
    clear: both;
}

.piebox
{
    border: 1px solid #696;
    padding: 8px;
    width: 270px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #E5F0D4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E5F0D4), to(#A5DF3F));
    background: -moz-linear-gradient(#E5F0D4, #A5DF3F);
    background: linear-gradient(#E5F0D4, #A5DF3F);
    -pie-background: linear-gradient(#E5F0D4, #A5DF3F);
    position: relative;
    behavior: url(/css/PIE.htc);
}

.pieboxbanner
{
    border: 1px solid #FF6324;
    padding: 8px;
    width: 470px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
    background: #ffd324;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffd324), to(#FF6324));
    background: -moz-linear-gradient(#ffd324, #FF6324);
    background: linear-gradient(#ffd324, #FF6324);
    -pie-background: linear-gradient(#ffd324, #FF6324);
    position: relative;
    behavior: url(/css/PIE.htc);
}
.indent
{
    margin-left: 8px;
}

.helpmenuheading
{
    padding-left: 10px;  
}

.helpmenuitem
{
    padding-left: 10px;
}

.pricelist
{
    margin-left:225px;
    width: 570px;
}

.regtable
{
    width:500px;
    border: 0;
}
.regtable td
{
    width: 240px;
}