html{

    height: 100%;

}

body{

    margin: 0;

    padding: 0;

    min-height:100%;

    height: 100%;

    min-width: 720px;

}

h1{

    font-size: 36px;

    font-weight: normal;

    margin: 15px 0;

}

h1 small{

    color: #999;

    font-size: 24px;

}

#page{

    height: auto !important;

    min-height:100%;

    height: 100%;

    position: relative;

    padding-left: 220px;
	
	margin-top: 51px;

}
.jumbotron{
	margin-top: 64px;
	}
.jumbotron h4{
	line-height:30px;
	}
.colorgraph {
  height: 5px;
  width:100%;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
	
#menu{

    position: absolute;


    left: 0;

    top: 0;

    bottom: 0;

    

    border-right: 1px solid #000;

    box-shadow: 2px 0 1px #ccc;

    min-height: 1200px;
	

}

#menu1{

    position: absolute;

    width: 200px;

    left: 0;

    top: 0;

    bottom: 0;

    background: #000 repeat 0 0 url(stripes.png);

    border-right: 1px solid #000;

    box-shadow: 2px 0 1px #ccc;

    min-height: 1200px;
	margin-top: 50px;

}

#content{





    padding-right: 20px;

}

.clr{

    height: 0;

    display: block;

    clear: both;

    font-size: 1px;

    line-height: 1;

}

#logo {

/* width: 196px; */

height: 92px;

background: 0 0 transparent no-repeat url(logo.png);

margin-bottom: 0px;

margin-left: 53px;

margin-top: 20px;

}

#logo1 {

/* width: 196px; */

height: 92px;

background: 0 0 transparent no-repeat url(logo1.png);

margin-bottom: 0px;

margin-left: 53px;

margin-top: 20px;

}

#caption {

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

color: #000;

font-size: 18px;

line-height: 1;

padding: 15px;
text-align: left;
}

#caption small{

    font-size: 13px;

}

#leftmenu,#switchtheme{

    list-style: none;

    margin: 0;

    padding: 0px 5px;

}

#leftmenu li,#switchtheme li{

    margin: 0;

    padding: 0;

 
    padding: 2px;

}

#leftmenu li a:link,#leftmenu li a:active,#leftmenu li a:visited,#switchtheme li a:link,#switchtheme li a:active,#switchtheme li a:visited{

 
    text-decoration: none;

    font-weight: normal;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    font-size: 14px;

    line-height: 1.25;

}

#leftmenu li a:hover,

#leftmenu li.active a,

#leftmenu li.active a:link,

#leftmenu li.active a:before,

#switchtheme li a:hover,

#switchtheme li.active a,

#switchtheme li.active a:link,

#switchtheme li.active a:before{

 
}
#leftmenu li>a {
position: relative;
display: block;
padding: 5px 15px;
}

#leftmenu li a:before,#switchtheme li a:before{

    content: "";

    font-size: 15px;

    width: 15px;

    display: inline-block;

}

#leftmenu li.active a:before,#switchtheme li.active a:before{

    content: "»";         

}

.buy-xcrud{

    display: block;

    position: absolute;

    width: 180px;

    top: 8px;

    right: 20px;

    padding: 10px 10px 10px 65px;

    /*background: #A9CA56 10px 50% no-repeat url(cc-logo-light.png);*/

    color: #fff;

    border-radius: 4px;

    border: 1px solid #000;

    box-shadow: inset 0 0 1px #fff, inset 0 0 15px #81A249, 1px 2px 3px rgba(0,0,0,0.2);

    font-family: Arial, sans-serif;

    font-size: 20px;

    text-shadow: 1px 1px 0 rgba(0,0,0,0.7);

    font-weight: bold;

    line-height: 1.1;

    text-decoration: none;

    

    background: #299a0b;

    background: -moz-linear-gradient(top,  #299a0b 0%, #227a09 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#227a09));

    background: -webkit-linear-gradient(top,  #299a0b 0%,#227a09 100%);

    background: -o-linear-gradient(top,  #299a0b 0%,#227a09 100%);

    background: -ms-linear-gradient(top,  #299a0b 0%,#227a09 100%);

    background: linear-gradient(to bottom,  #299a0b 0%,#227a09 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#227a09',GradientType=0 );



    

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    

}



.buy-xcrud:before{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 55px;

    background: #45484d;

    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000));

    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%);

    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%);

    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%);

    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );

    content: "";

    border-radius: 2px 0 0 2px;

}

.buy-xcrud:after{

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 55px;

    background: transparent 50% 50% no-repeat url(cc-logo-big.png);

    content: "";

}



.buy-xcrud > small{

    font-size: 14px;

    display: block;

    color: #EAFFEF;

}

.buy-xcrud:hover{

    text-shadow: 1px 1px 0 rgba(0,0,0,0.7), 0 0 5px rgba(255,255,255,0.5);

    text-decoration: none;

    color: #fff;

}

.wrapper{ width:810px; margin:10px auto;}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }



.group { display: inline-block; clear: both; }



/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */  

.panel{
border: 1px solid lightgrey !important;
}

.panel-heading{
margin-bottom: 20px;
font-weight: bold;
text-align: center;
}

.panel-title{
font-weight: bold;
}

.container-fluid{
width: 472px;
margin: 0 auto;
}
.container-fluid1{
width: 1000px;
margin-left: 192px;
}
.container-fluid2{
width: 140px;
float: left;
margin: 0 auto;
}