/*

python /usr/bin/clevercss static/css/all.clevercss 
to generate all.css 
 
*/

.big{
    font-size : 125%;
}
.bigger{
    font-size : 150%;
}
.xlarge{
    font-size : x-large;
}

.pseudo_title{
    color: #777;
    font-weight: bold;
    }

.padding5x0{
    padding: 5px 0;
}
.padding5x5{
    padding: 5px 5px;
}

.padding10x0{
    padding: 10px 0;
}
.padding10x10{
    padding: 10px 10px;
}
.padding10x30{
    padding: 10px 30px;
}
.padding20x0{
    padding: 20px 0;
}

.neg_margin4{
    margin-top: -4px;
}
.section{
margin-top: 20px;
}

.border{
	border: 1px solid #eee; 
}

.border_top{
	border-top: 1px solid #eee; 
}
.border_bottom{
	border-bottom: 1px solid #eee; 
}

.centered{
margin: 0 auto;
display: block;
}

p.centered{
    text-align:center;
}

.hidden{
    display:none;
}

.clear{
    clear:both;
}
.clear_left{
    clear:left;
}

.question{
    font-weight:bold;
    list-style-type : none;
    margin-left     : 0px;
    margin-top      : 10px;
}
.answer{
    list-style-type : none;
    margin-left     : 20px;

}

/*================================ colors =====================================*/
.primary-1 { background-color: #115F9B }
.primary-2 { background-color: #275374 }
.primary-3 { background-color: #063B65 }
.primary-4 { background-color: #4592CE }
.primary-5 { background-color: #6AA2CE }

/*
#####  Color Palette by Color Scheme Designer
#####  Palette URL: http://colorschemedesigner.com/#3z11TjKEAw0w0
#####  Color Space: RGB; 



*** Primary Color:

   var. 1 = #528CC0 = rgb(82,140,192)
   var. 2 = #527390 = rgb(82,115,144)
   var. 3 = #1B4E7D = rgb(27,78,125)
   var. 4 = #7FB2E0 = rgb(127,178,224)
   var. 5 = #99BEE0 = rgb(153,190,224)


#####  Generated by Color Scheme Designer (c) Petr Stanicek 2002-2010
*/

body{
    background-color: #fff;
	}


a{
	/*font-weight: bold;*/
	color : #1B4E7D;
}

.reddish{
    color:#b20606;
}

.greyish{
    color:#666;
}

.license_key{
    background-color: #EEEEEE;
    border: 5px solid lightgrey;
    margin: 0 auto;
    padding: 10px;
    width: 30em;
}

.after_license_key{
    margin-top: 20px;
}

/*================================ gutter (structural) =====================================*/
.gutter > .container_12 > .grid_12,
.gutter > .container_12 > .grid_9,
.gutter > .container_12 > .grid_6,
.gutter > .container_12 > .grid_4,
.gutter > .container_12 > .grid_3{
    display:inline-block;
    float:none;
	}

/*================================ inline list (structural) =====================================*/
ul.inline_list{
    margin-bottom: 0;
    }

ul.inline_list li{
    display         : inline;
    list-style-type : none;
    margin-left     : 0px;
    line-height     : 1;
    }

ul.inline_list a.first{
    margin-left: 10px;
	}

ul.inline_list a{
    display         : block;
    float           : left;
    text-align      : center;
    text-decoration : none;
    width           : 100px;
    text-align      : center;
    }

#left_pitch a{
    color: white;
    text-decoration:none;
}

/*================================ main menu (structural) =====================================*/

#main_menu li a {
    padding: 8px 0;
    margin: 0 2px;
    }

/*================================ main menu (colors) =====================================*/

#main_menu li a.active, #main_menu li a:hover{
    background-color: #315069;
    background-color: rgba(255, 255, 255, 0.3);
	}

#main_menu li a {
    color: white;
    /*border: 1px solid #2c3037;*/
    background-color: #193c58;
    background-color: rgba(255, 255, 255, 0.1);
	}

.blue_gradient{
    background-color: #1B4E7D;
    background-image: url('../../static/img/bg/blue_gradient.svg');
    background: -moz-linear-gradient(center top , #528CC0, #1B4E7D) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,center top,center bottom,from(#528CC0), to(#1B4E7D));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#528CC0', endColorstr='#1B4E7D');
	color:white;
	}
.lightblue_gradient{
    background-color: #528CC0;
    background-image: url('../../static/img/bg/lightblue_gradient.svg');
    background: -moz-linear-gradient(center top , #528CC0, #527390) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear,center top,center bottom,from(#528CC0), to(#527390));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#528CC0', endColorstr='#527390');
	color:white;
	}

.orange_gradient{
    color:white;
    background-color: #ffa92f;
    background-image: url('../../static/img/bg/orange_gradient.svg');
    background: -moz-linear-gradient(center top , #FF9500, #FFBF64) repeat-x scroll 0 0 transparent;
	background: -webkit-gradient(linear,center top,center bottom,from(#FF9500), to(#FFBF64));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9500', endColorstr='#FFBF64');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9500', endColorstr='#FFBF64')";
	
}

.lightgrey_gradient{
    background: url(../../static/img/sub_menu.png) repeat-x;
	color: black;
}

/*================================ rounded (structural) =====================================*/

.rounded14{
    -moz-border-radius         : 14px 14px 14px 14px;
    border-bottom-left-radius  : 14px 14px;
    border-bottom-right-radius : 14px 14px;
    border-top-left-radius     : 14px 14px;
    border-top-right-radius    : 14px 14px;
    }

.rounded9{
    -moz-border-radius         : 9px 9px 9px 9px;
    border-bottom-left-radius  : 9px 9px;
    border-bottom-right-radius : 9px 9px;
    border-top-left-radius     : 9px 9px;
    border-top-right-radius    : 9px 9px;
    }

.rounded4{
    -moz-border-radius         : 4px 4px 4px 4px;
    border-bottom-left-radius  : 4px 4px;
    border-bottom-right-radius : 4px 4px;
    border-top-left-radius     : 4px 4px;
    border-top-right-radius    : 4px 4px;
    }    
.rounded4_top{
    -moz-border-radius         : 0px 0px 4px 4px;
    border-bottom-left-radius  : 4px 4px;
    border-bottom-right-radius : 4px 4px;
    border-top-left-radius     : 0px 0px;
    border-top-right-radius    : 0px 0px;
    }    

/*================================ inset lines (colors) =====================================*/


.inset_line{
	border-bottom : 1px solid #2f486d;
	border-top    : 1px solid #B6C4D8;
	}

.inset_line_top_only{
	border-top: 1px solid #B6C4D8;
	}

/*================================ button_list (structural) =====================================*/


.button_list li a{
  width: 30px;
  padding-left:5px;
  }

.button_list li a img{
    bottom:-4px;
    position:relative;
    }

/*================================ sub_menu (structural) =====================================*/

.sub_menu{
    font-size: 100%;
    margin-bottom : 0;
    }
.sub_menu li {
	padding-top: 19px;
}

.sub_menu a{
    padding: 2em 0em 3em;
}
/*================================ sub_menu (colors) =====================================*/

.sub_menu a{
    color: #777;
    text-transform:uppercase;
    font-size: 11px;
    font-weight: bold;
    }

.sub_menu a.active{
    color: #000;
}

.triangle{
    background: url(../../static/img/triangle.png) no-repeat 50% 00%;
}

/*================================ title (structural) =====================================*/

#title{
    padding: 1.45em 0;
}


/*================================ quote (structural) =====================================*/


.quote{
    font-style:italic;
}

.author{
    font-style:normal;
    font-weight:bold;
    color:#555;
}

/*================================ message_box (structural) =====================================*/

#welcome-message{
	font-size: 130%;
	display:none;
	/*opacity:0;*/
	/*visible:False;*/
}
#welcome-message h2{
	/*color : #FF9500*/
}
#welcome-message span{
    color: #EEEEEE;
    /*display: block;*/
	float:right;
    text-align: right;
}
#welcome-message hr{
    border-top: 1px solid #EEEEEE;
}
#welcome-message a{
	font-weight: bold;
	/*color : #FF9500;*/
	color: white;
	font-size: 110%;
}	

/*================================ lightbox (structural) =====================================*/
#gallery {
    /*background-color: #aaa;*/
    padding: 10px;
    /*width: 300px;*/
}
#gallery ul { list-style: none; 

    margin: 0 auto;
}
#gallery ul li { 
    display: inline; 
    margin: 0px;
}
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
    border: 5px solid #fff;
    border-width: 5px 5px 20px;
    color: #fff;
}
#gallery ul a:hover { color: #fff; }


/*================================ rest (structural) =====================================*/

.deadline{
	font-size: 80%;
	font-style: italic;
}

#entries{
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
}

.blog_link{
	text-decoration:none;
	font-weight: bold;
	color : #1B4E7D;

}

a.blog_link:hover{
	color : #528CC0;
}

.blog_date{
	/*font-weight: bold;*/
	font-style: italic;
	color: #555
	}

.main_pitch, .sub_pitch{
    clear:both;
    display: block;
    letter-spacing:-0.05em;
    line-height: 0.90;
    }

.main_pitch{
    font-weight:bold;
    font-size: 250%;
    }


.sub_pitch{
    font-size: 200%;
    color: #777;
    }

.post_pitch{
    /*font:14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;*/
    line-height: 1.5;
}

img.banner, center, .center{
        display: block;
        margin-left: auto;
        margin-right: auto }

#link_list{
    background:none repeat scroll 0 0 #fff;
    display:inline;
	padding: 15px 5px;
}

li a.button{
    display: inline;
	float:none;
}

.vert_button_list {
    /*background:none repeat scroll 0 0 #647992;*/
    /*padding:4px 4px 4px;*/
    border-left: 1px solid #ddd;
}

.vert_button_list li {
    margin-left: 0;
    list-style-type:none;
    }

.as_block{
    display:block;
    text-decoration: none;
    padding:0.5em;
    font-weight:bold;
}

.vert_button_list li a{
    border-bottom-style:ridge;
    color:#555;
    font-size:10px;
    float: none;
    /*text-transform:uppercase;*/
    display:block;
    margin-top: 4px;
}

.vert_button_list li a.bigger{
    font-size : 150%;
}

.button{
    border-bottom-style:ridge;
    font-weight:bold;
    text-transform:uppercase;
	text-align: center;
    display:block;
	margin: 0 auto;
    }

.new_button {
    text-transform: none;
	text-align: center;
    font-weight:bold;
    font-style: italic;
    font-family: Times New Roman;
    display:block;
}



a.button,  a.new_button{
    text-decoration:none;
}

.vert_button_list li a.first{
    margin-top: 0px;
}

.vert_button_list li a.active{
    /*background:url("/images/features_subnav_pointer.png") no-repeat scroll 10px -67px #EAEAEA;*/
    color:#fff;
    font-weight:bold;
}

.border_top{
    border-top: 1px solid #ddd;
}

.border_top_dark{
    border-top: 1px solid #333;
}

.no_border{
    border: none;
    text-transform:none;
    padding:0.3em 0px 0.3em;
    height: 200px;
}

.no_border h3{
    font-size: 1.8em;
    display:block;
    background-color: #fff;
    margin: 5px;
}

.no_border h3, p{
    padding-left: 5px;
}

.bg_footer{
    background: #191919;
    color:#828282;    
    padding-top: 20px;
    clear:both;
}
 
.footer{
    display:block;
}

.bg_footer li{
    list-style:none;
    margin-left:0
}

.bg_footer a{
    text-decoration:none;
    color: blue;
    color:#6299C5;
}

#clear{
    clear:both;
    float:none;
    display:block;
    clear:both;
    margin-top:20px;
    padding-top:10px;
}

#copyright{
    padding-left:20px;
    vertical-align:super;
}


/*================================ end cleaner =================================*/
#left_menu {
padding:15px;
padding-bottom: 0;
/* background: url(../../static/img/menu/menu_bg3.png) no-repeat; */
}

#left_menu li {
/* --background: url(../../static/img/left_menu_2.png) no-repeat; */
list-style-type:none;
/* border-bottom:1px solid #ddd; */
margin-left:0px;
margin-right:7px;
display : inline;
}

#left_menu li.no_border_down{
border-bottom:0px solid #ddd;
}

#left_menu li a.active, #left_menu li a:hover{
background: url(../../static/img/menu/hover2.png) no-repeat;
/*display:block;*/
font-weight: bold

}

#left_menu li a{
text-decoration:none;
}

#left_menu li h3{
margin-bottom:0;
padding: 11px;
color:white;
}

#left_menu a{
color: #3B79CE;
color: #FFF;
}



hr#home{
    margin-top:10px;
    margin-bottom:10px;
    }
hr#home_top{
    margin-top:0px;
    margin-bottom:10px;
    }

#splashes2, #splashes, #livedemo {
display:block;
height:300px;
overflow:hidden;
width:100%;
}


#splashes2 img{
display:block;
height:350px;
}
#splashes .splash, #livedemo .livedemo {
display:none;
}
#splashes .active, #livedemo .active {
display:block;
height:300px;
}
#splashmenu, #livedemomenu {
/*background-position:center top;*/
/*background-repeat:repeat-x;*/
/*display:block;*/
/*height:42px;*/
/*left:50%;*/
/*margin-left:-300px;*/
margin-top:-12px;
margin-bottom:12px;
/*position:absolute;*/
/*width:600px;*/
}
#splashmenu ul, #livedemomenu ul {
display:block;
height:42px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}
#splashmenu ul li, #livedemomenu ul li {
display:inline;
height:42px;
line-height:42px;
margin:0;
padding:0 10px;
}
#splashmenu ul li a, #livedemomenu ul li a {
color:#ccc;
font-size:10px;
height:42px;
line-height:42px;
text-decoration:none;
}
#splashmenu ul li.active a, #livedemomenu ul li.active a {
color:#ffffff;
}

#newsticker{
width: 300px;
height: 15px;
}

#newsitems{
margin-bottom: 0px;
list-style-type : none;
padding-top:5px;
}

#newsitems li {
margin-left: -0px;
height:15px;
}

.box700 {
background-image:url(../../static/img/bg/box.png);
background-repeat:no-repeat;
padding-right: 5px;
padding-left: 5px;
}
.container{
margin: 0pt auto; width: 600px;
}

.bottom_margin30{
    margin-bottom: 2em;
}

ul.lvl2{
    /*line-height : 1em;*/
}

.lvl2 h4{
    color: #113455;
    /*color:#1B4E7D;*/
    /*color:#335;*/
}

.lvl2 li {
    margin-left: 20px;
    list-style-type:circle;
}