/* 
    Document   : mercTheme
    Created on : Aug 31, 2013, 5:18:37 AM
    Author     : mercredo
    Description:
        Purpose of the stylesheet follows.
*/
/*html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}*/

root { 
    display: block;
}

body
{
    margin: 0;
    padding: 0;
}

#merc_main
{
    /*background:url('../images/background/wallpaper_01 (4).jpg') repeat -250px 284px;*/
    background-color: #F6F4F6;
    margin:auto;
    text-align:center;
}

#merc_header
{
    box-shadow: 2px 2px 14px black;
}

#merc_header_top
{
    width: 100%;
    height: 45px;
    position: fixed;
    top: 0px;
    z-index: 10000;
    /*opacity: 0.77;*/
   
    background: rgb(125,126,125); /* Old browsers */
    background: -moz-linear-gradient(to bottom, #A4C2EE 0%, #C3D3EA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A4C2EE), color-stop(100%,#C3D3EA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */
/*    background: linear-gradient(to bottom, #A4C2EE 0%, #C3D3EA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);  W3C */
    background: linear-gradient(to bottom, #F6F4F6 0%, #C3D3EA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
#merc_header_top:hover
{
    /*opacity: 0.88;*/
}

#merc_header_top_right
{
    /*width: 300px;*/
    height: 45px;
    float: right;
    margin-left: 5px;
}

#merc_header_top_left
{
    /*width: 420px;*/
    margin: auto;
    float: right;
}

.merc_header_top_left_element
{
    width: 98px;
    height: 45px;
    float: left;
    cursor: pointer;
    background: linear-gradient(to bottom, #F6F4F6 0%, #C3D3EA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*border8right: 1px solid #888888;*/
}

.merc_header_top_left_element:hover
{
    /*background: linear-gradient(to bottom, #F6F4F6 0%, #C3D3EA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background: linear-gradient(to bottom, #A4C2EE 0%, #C3D3EA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*background-color: #CDEB8E;*/
    /*background-color:blue;*/
}

.merc_header_top_left_element p
{
    text-align: center;
    color: #335465;
}

/*.merc_header_top_left_element p:hover
{
    color: #000000;
    font-family: Helvetica,Arial,sans-serif;
}*/

.merc_header_top_right_element
{
    width: 74px;
    height: 45px;
    float: left;
    cursor: pointer;
    /*clear: both;*/
    /*border-left: 1px solid #888888;*/
}

#merc_header_bottom
{
    width: 100%;
    height: 284px;
    position: relative;
    z-index: 0;
    
/*    background: rgb(205,235,142);  Old browsers 
    background: -moz-linear-gradient(top, rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);  IE10+ 
    background: linear-gradient(to bottom, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );  IE6-9 */

/*    background:url('../images/600x300seamless.png') repeat;*/
    background:url('../../../images/newheader.png') repeat;
    border-bottom:2px solid lightslategray;    
}

#merc_header_bottom2
{
    width: 100%;
    height: 284px;
    position: relative;
    z-index: 0;
    /*background:url('../images/600x300seamless.png') repeat;*/
    background-color: #335466;
    background:url('../../../images/newheader5.png') repeat;
    border-bottom:2px solid lightslategray;    
    margin-top: 45px;
}
#merc_header_bottom2 span
{
    position: absolute;
    top:-22px;
    left:477px;
    font-family: sans-serif;
    font-size: 224px;
    font-weight: bold;
    color: #559C2B;
    z-index:2000;
}

#merc_header_bottom img
{
    position: relative;
    z-index: -1;
}

#merc_body
{
    width: 1235px; 
    /*980 before*/
    margin: auto;
    /*display:inline-block;*/
}

/*#merc_middle
{
    background:url('../images/grass_background_188723_seamless.jpg') repeat;
    width:100%;
}*/

#merc_footer
{
    width: 100%;
    /*height: 390px;*/
    background: none repeat scroll 0 0 #113847;
/*    background-color: #6A9498;*/
    border-top: 2px solid darkgrey;
    padding-top: 26px;
    padding-bottom: 15px;
}

#merc_footer_middle
{
    width:980px;
    /*height:405px;*/
    margin:auto;
}

#merc_frame
{
    /*width:978px;*/
    /*height:584px;*/
    /*margin:auto auto auto 150px;*/
    margin: auto;
    /*float: left;*/
}

#merc_frame2
{
    /*width:970px;*/
    /*height:584px;*/
    /*margin:auto auto auto 150px;*/
    /*margin: auto;*/
    float: left;
}

#merc_quotes
{
    width: 100%;
    height: 125px;
    border-top: 2px groove grey;
    border-bottom: 2px groove #808080;
    background-color:#335466;
    box-shadow: 2px 3px 4px -2px #020000;
    position:relative;
/*    z-index: 1;*/
}
#merc_quotes p
{
    font:small-caps 2.25em Verdana;
    color:white;
    text-align: center;
    position: relative;
    z-index: 7;
}

.merc_frame_outer
{
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,1) 49%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(49%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 0px 30px 0px black;
    
    width: 970px;
    height:584px;
    float:left;
    position:relative;
    z-index:10;
    
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    
    padding: 16px;
    margin-top: -110px;
}

.merc_frame_outerNew
{
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,1) 49%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(49%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    /*box-shadow:5px 5px 5px #888888;*/
    box-shadow: 0px 0px 30px 0px black;
    
    width: 400px;
    height:584px;
    float:left;
    position:relative;
    z-index:10;
    
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    
    padding: 16px;
    margin-top: -110px;
    /*margin-left:-145px;*/
}

.devRight
{
    background:url("../../../images/smallRightBg_framedV_grayscale.png") no-repeat scroll 0 -68px / 445px auto rgba(0, 0, 0, 0);
    height:630px;  /*611px*/
    margin-left:-145px;
    margin-top:-35px;
    position:absolute;
    width: 435px;
    z-index:2;
}

.devRightContent
{
    width: 285px;
    height: 506px;
    position: relative;
    top: 47px;
    left: 80px;
}

#preload1 {
    margin:2px;
    background: url("../../../images/smallRightBg2_framed_grayscale.png") no-repeat -9999px -9999px; 
}
#preload2 { background: url('../../../images/flip4.png') no-repeat -9999px -9999px; }

.devRightTablet
{
    background:url("../../../images/smallRightBg2_framed_grayscale.png") no-repeat scroll 0 -47px / 970px auto rgba(0, 0, 0, 0);
    height:615px;
    margin-left:-145px;
    margin-top:-35px;
    position:absolute;
    width: 970px;
}

.devRightContentTablet
{
    width: 718px;
    height: 449px;
    position: relative;
    top: 75px;
    left: 127px;
}
.devRightContentBody
{
    height: 93%;
    width: 100%;
    background-color: #E3E6D6;
}
.devRightContentFooter
{
    width: 100%;
    height: 7%;
    text-align:center;    
}

.andActionBar
{
    background-color: black;
    opacity: 0.77;
    height: 100%;
    /*width:100%;*/
    margin: auto;
    /*display:inline-block;*/
}

.andButtonWrapper
{
    height: 100%;
    width: 33%;
    float:left;
}

.andBack, .andHome, .andMulti
{
    height: 100%;
    width: 55px;
    margin: auto;
    /*float: left;*/
}

.andBack
{
    background: url('../../../images/andActionBar.png') no-repeat scroll -102px -15px;
}
.andHome
{
    background: url('../../../images/andActionBar.png') no-repeat scroll -319px -15px;
}
.andMulti
{
    background: url('../../../images/andActionBar.png') no-repeat scroll -537px -15px;
}

#devRightContribution
{
    position: relative;
    top: 50px;
    left: 81px;
    width: 284px;
}
#devRightContribution p
{
    text-align: center;
    font-size: 12px;
}
#devRightContribution a
{
    color: white;    
}

#devRightContributionTablet
{
    position: relative;
    top: 50px;
    left: 81px;
    width: 284px;
}
#devRightContributionTablet p
{
    text-align: center;
    font-size: 12px;
}
#devRightContributionTablet a
{
    color: white;    
}

#flipIt
{
    background: url('../../../images/flip3.png') no-repeat 0 0;
    background-size: 75px;
    width: 76px;
    height:78px;
    float: right;
    position: relative;
    top: 2px;
}
#flipIt:hover
{
    background: url('../../../images/flip4.png') no-repeat 0 0;
    background-size: 75px;
    cursor: pointer;
}

.merc_frame_outer2
{
    
    
    background: rgb(69,72,77);  Old browsers 
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,1) 49%, rgba(0,0,0,1) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(49%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%);  IE10+ 
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );  IE6-9 
    box-shadow: 10px 10px 5px #173342;
    
    width: 400px;
    height:584px;
    float:left;
    position:absolute;
    z-index:7;
    
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    
    padding: 16px;
    margin-top: -20px;
    margin-left:-145px;
}

.merc_frame_outer2New
{
    background: rgb(69,72,77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(69,72,77,1) 49%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(49%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(69,72,77,1) 49%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    box-shadow: 10px 10px 5px #173342;
    
    width: 970px;
    height:584px;
    float:left;
    position:absolute;
    z-index:7;
    
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    
    padding: 16px;
    margin-top: -20px;
    /*margin-left:250px;*/
}

.border_left
{
    border-left: 1px solid #888888;
}

.border_right
{
    border-right: 1px solid #888888;
}

.cleaner
{
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
}

.footer_item
{
    width: 288px;
    float: left;
    padding: 5px;
    margin-top: 22px;
    margin-left: 22px;
    border: 1px solid darkblue;
    text-align: center;
    box-shadow: 0px 1px 5px 0 #A9A9A9;text-shadow: 0px 0px 0px #FFFFFF;
    color: #FBFBFB;
    background-color:#E3E6E7;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.footer_item:hover
{
    background-color: #E3E6D6;
}

.footer_item .left
{
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f3961c), to(#f9d835));
    background:-moz-linear-gradient(#f3961c, #f9d835);
    background:-o-linear-gradient(#f3961c, #f9d835);
    background:linear-gradient(#f3961c, #f9d835);
}
/*.triangle-isosceles:after {
	content:"";
	position:absolute;
	bottom:-15px;  value = - border-top-width - border-bottom-width 
	left:50px;  controls horizontal position 
	border-width:15px 15px 0;  vary these values to change the angle of the vertex 
	border-style:solid;
	border-color:#f3961c transparent;
     reduce the damage in FF3.0 
    display:block; 
    width:0;
}*/
/*.footer_item .left:after
{
    top:-15px;  value = - border-top-width - border-bottom-width 
	right:50px;  controls horizontal position 
	bottom:auto;
	left:auto;
	border-width:0 15px 15px;  vary these values to change the angle of the vertex 
	border-color:#f3961c transparent;
}*/

.footer_item h1
{
    font: normal 1.95em Tahoma;
    color: #354E53;
}
.footeritem1
{
    /*background-color: cadetblue;*/
}
.footeritem2
{
    /*background-color: lightseagreen;*/
}
.footeritem3
{
    /*background-color: #4B8775;*/
}
.footeritem4
{
    /*background-color: #86BD86; darkcyan,darkseagreen*/
}

#merc_footer .button
{
/*    background-color:lightblue;
    border-radius: 12px;
    padding: 10px;*/
    
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:none repeat scroll 0 0 #359F6E;
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:14px;
}

#merc_footer .button:hover
{
    background: none repeat scroll 0 0 #357B6E;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
    box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.footer_item_title
{
    /*font: italic bold 30px arial, sans-serif;*/
}

.footer_item_content
{
    /*font: normal normal 16px arial, sans-serif;*/
    
    color: #999999;
    padding:10px;
    font-size: 14px;
    font-style: normal;    
    margin-top:10px;
    margin-bottom: 10px;
    font-family: "Helvetica","arial";
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
}

.hr
{
    width: 100%;
    height:1px;
    border-bottom: 1px solid honeydew;
}

.vr
{
    height: 100%;
    width: 1px;
    border-left: 1px solid honeydew;
}

.footMain
{
    height: 125px;
    width:100px;
}

.footstep
{
    width: 110px;
    height: 46px;
    background:url('../images/foot_white_toright.png') no-repeat;
    
}

.footTop
{
    padding:2px;
}

.footBottom
{
    padding:2px;
}

.someSteps
{
    vertical-align:middle;
    /*height:inherit;*/
    /*width:400px;*/
    position: absolute;
    margin-top:15px;
}

.someSteps2
{
    margin-left:80px;
    vertical-align:middle;
    /*height:inherit;*/
    /*width:400px;*/
    position: absolute;
    /*top:30px;*/
    
}

.someSteps2 img
{
    /*margin-top:10px;*/
    /*margin-left:80px;*/
    top:60px;
}

.someSteps img
{
    /*margin-right: 25px;*/
}

#merc_quotes blockquote
{
    text-align:center;
}
        
.mail
{
    /*text-decoration: none;*/
}
.mail a
{
    text-decoration: none;
}

.merc_socialButtons
{
    height:63px;
    text-align:center;
    display: inline-block;
}

.merc_socialButton
{
    float:left;
}

.gplus_starburst
{
    background:url('../../../images/starburst/google-plus.png') no-repeat;
    height: 63px;
    width: 63px;
    text-indent: -9999px;   
    display:block;
}

.twitter_starburst
{
    background:url('../../../images/starburst/twitter.png') no-repeat;
    height: 63px;
    width: 63px;
    text-indent: -9999px;   
    display:block;
}

.ui-slider-track
{
    display: none;
}

.mercChartWrapper
{
    /*width: 100%;*/
/*    margin-bottom: 30px;
    margin-top: 30px;*/
    /*display: inline-block;*/
    margin: 60px auto auto;
    width: 1120px;
}

.mercChart
{
/*    background-color:green;*/
    /*margin: auto;*/
    width: 970px;
    height: 600px;
    overflow:hidden;
    
/*    margin-top: 10px;
    margin-left: 10px;*/
}

.merc_middle
{
    width: 100%;
    background: none repeat scroll 0 0 #E3E6E7;
    padding-top: 30px;
    padding-bottom: 30px;
}

.clear
{
    float: none;
    clear: both;
}
/*
.mCenter
{
    width: 970px;
    margin: auto;
    float:left;
}
.mLeft
{
    width: 150px;
    height: 652px;
    background-color: lightgreen;
    position: absolute;
    float: left;
    margin-left: -150px;
}
.mRight
{
    width: 150px;
    height: 970px;
    background-color: lightcoral;
    position: absolute;
    float: left;
    margin-left: 150px;
}

.mercChartHeader
{    
    
    background-color: #A93944;
    background-color: #568149;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.mercChartHeader .headerTitle
{
    color: #335466;
    color: white;
    font-family: sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 33px;
    margin: 25px 0 0;
    text-shadow: none;
    padding: 20px;
}

.chartDescription
{
    background-color: #568149;
    border-left: 1px solid #47683D;
    border-right: 1px solid #47683D;
    padding: 2% 14%;
}

.chartDescription p
{
    color: #859789;
    font-family: "Helvetica","arial";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
    
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10%;
}

.progressbarOutern
{
    border: 1px solid grey;
    width: 45%;
    height: 94%;
    margin:auto;
    position: relative;
    top: 3%;
    margin-left: 10%;
}

.progressbarLeveller
{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;

 Old Browsers 
background-color: #66271B;
    
 Safari 
background: -webkit-repeating-linear-gradient(left top -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px) repeat scroll 0 0%, linear-gradient(#66271B 37%, #25702D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
 Opera 11.1 to 12.0 
background: -o-repeating-linear-gradient(left top -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px) repeat scroll 0 0%, linear-gradient(#66271B 37%, #25702D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #25702D), color-stop(1, #66271B));
 Firefox 3.6 to 15 
background: -moz-repeating-linear-gradient(left top -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px) repeat scroll 0 0%, linear-gradient(#66271B 37%, #25702D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
 Standard syntax 
background: repeating-linear-gradient(left top -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px) repeat scroll 0 0%, linear-gradient(#66271B 37%, #25702D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);

}

.progressbarWrapper
{
    border: 3px solid #555400;
    height: 688px;
    height: 479px;
    width: 75px;
    margin-left: 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #E5E5E4;    
}

.mercmeterStats
{
    min-width: 180px;    
    height: 250px;
    width: 250px;
    margin-left: 25px;    
    margin-bottom: 20px;
    
}

.mercmeterStats .top
{
    height: 40%;
    padding-top:22px;
}

.mercmeterStats .hr
{
    border-color: #575900;
    width: 60%;
    margin: auto;
}

.mercmeterStats .vr
{
    float: left;
    border-color: #575900;
    height: 73%;
}

#mmSum
{
    
}

.mmTheme
{
    border: 3px solid #555400;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #E5E5E4;    
    text-align: center;
}

.mmNumber
{
    color: #B55E5F;
    font-family: "Helvetica","arial";
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: 2px 2px 2px grey;
    line-height: 1.6;
}

.mmUnit
{
    color: #859789;
    font-family: "Helvetica","arial";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.6;
}

.mmHalf
{
    width: 49%;
    height: 100%;
}

#mmMilestones
{
    float:left;
}

#mmSth
{
    float: left;
}

.mercmeterSelection
{
    height: 180px;
    width: 250px;
    margin-left: 25px;
    margin-bottom: 25px;
    text-align:left;
}

.mercmeterSelection .option
{
    height: 33%;
}
.mercmeterSelection input
{
    margin-top:8%;
}*/