/** 			RESET			**/

/* normalise les marges et les remplissages  */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote {
margin: 0;
padding : 0;
}
/* normalise les tailles de polices pour les en-ttes */
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
/* supprime list-style pour les listes */
ul {
list-style : none;
}
/* normalise les styles et graisse de fontes */
address, caption, cite, code, dfn, th, var {
font-style : normal;
font-weight : normal;
}
/* supprime les bordures dans les table2aux */
table2 {
border-collapse : collapse;
border-spacing : 0;
}
/* supprime les bordures dans les lments fieldset et img */
fieldset, img {
border : 0;
}
/* aligne le texte  gauche dans caption et th */
caption, th {
text-align : left;
}
/* supprime les apostrophes double (guillemets anglais) autour de q */
q:before, q:after {
content :'';
}
/* supprime le souslignage des liens et les met en noir */
a {
text-decoration : none;
color : #33c;
}


.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table2;
content: "";
line-height: 0;
}

.clearfix:after {
clear: both;
}



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}

audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls]) {
display: none;
}

html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/** 		Hide the outline 	**/


/** 	resize image 	**/

img, embed, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/** 	to prevent a problem with sprites images, Google map and the property max-width:100%		**/ 
#mapcanvas img, .gmnoprint img {
max-width: none;
}

/** 		reset bootstrap CSS 	**/




/*****************************************

		SITE

******************************************/

html, body {
height: 100%;
}

body {
position:relative;
padding: 0;
margin: 0;
}

/** 	the background color depend of the content box theme 		**/
body.content-white {
background-color : #fff;
}

body.content-black {
background-color : #000;
}

.hide-class {
display:none;
}

.zindex1 {
z-index:1;
}
.zindex2 {
z-index:2;
}
.zindex3 {
z-index:3;
}

/**	extra module positions : content XX	**/

.module_google_map, .module_video {
position:relative;
padding-left:280px;
height:60%;
overflow:hidden;
z-index:1;
}

.module_google_map > div, .module_video > div {
height:100%;
}


/********************************************************************************
**
**			COLUMN MENU
**
**********************************************************************************/

#column-menu {
position:fixed;
top:0;
left:0;
min-height:100%;
-moz-box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
-webkit-box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
}

#main-column-menu {
position:relative;
padding: 36px 36px 65px 36px;
z-index:20;
}

.logo {
position:relative;
padding:5px 0 35px 0;
z-index:10;
}

.logo a, .logo a:hover {
text-decoration:none;
outline:none;
}

.logo p {
margin:0;
}

/**  Main menu 		**/

.drop-down {
position:relative;
margin-left:-36px;
z-index:10;
}

.drop-down span.title_menu {
display: none;
}


/**		Search 			**/


#column-menu .search-module {
position:relative;
clear:both;
margin : 35px 0 8px -36px;
}

#column-menu .search {
position:relative;
z-index:1;
}

#column-menu .search-module .search {
border:1px dotted #ccc !important;
border-left:none !important;
border-right:none !important;
height:25px;
padding:5px 0px !important;
background : transparent url(../images/black-05.png) 0 0 repeat !important;
width:100%;
font-size:95%;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-khtml-border-radius: 0px !important;
border-radius: 0px !important;
}

#column-menu .search-module .inputbox {
border:0 none !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-khtml-border-radius: 0px !important;
border-radius: 0px !important;
background-image:none !important;
padding : 5px 6px 0 36px !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow : none !important;
color:#444;
}

#column-menu .search-module .inputbox:hover, #column-menu .search-module .inputbox:focus  {
color : #222;
}

#column-menu .search-module h3 {
margin:-14px 8px 1px 18px;
color:#111;
}

#column-menu .search-module .button {
position:absolute;
top:10px;
right:12px;
border:none;
background-image:none;
z-index:2;
}

#column-menu .search-module .button:hover {
margin-top:1px;
}

.search-module label {
display:none;
}

.search-module input {
padding : 0 !important;
}

.search input.button {
border:none;
background-image:none;
background-color:transparent;
}


#translate {
position:relative;
margin:10px 0;
padding:0;
}
#translate p {
margin:0;
}
#jflanguageselection {
margin:0;
}
.rawimages {
margin-top: 0px;
}
div.mod-languages li {
margin : 0 10px 0 0;
}

/**			Sidebar footer 			**/

.sidebar-footer {
position : absolute;
bottom:0;
left:0;
padding: 0 32px 24px 36px ;
z-index:10;
}

.address {
clear:both;
padding: 4px 0 0 0;
}

.address p {
margin: 0px;
}

/**			social icons			**/

.social-links {
clear:both;
list-style:none;
padding:0px 6px 0 0 ;
}

.social-links li {
display:inline-block;
width:23px;
padding-right:3px;
list-style:none;
}

.social-links li.text_social_icons {
font-size : 100%;
width:auto;
color : #555;
line-height:26px;
}

.social-links li a {
-webkit-transition : none;
-moz-transition : none;
-ms-transition : none;
-o-transition : none;
transition : none;
}

.social-links li a img {
width:23px;
opacity : 0.8 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=80)";  	/* hack IE8 	*/
filter: apha(opacity = 80); 											/* hack IE7		*/
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
border:none;
}

.social-links li a:hover img {
opacity : 1 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";  	/* hack IE8 	*/
filter: apha(opacity = 100); 											/* hack IE7		*/
}

/** for google +1 only 	**/

.social-links li.google {
margin-right:6px;
}

.social-links li > div {
padding: 5px 0 0 2px !important;
opacity : 0.65 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=65)";  	/* hack IE8 	*/
filter: apha(opacity = 65);
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

.social-links li > div:hover {
opacity : 0.9 ;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=90)";  	/* hack IE8 	*/
filter: apha(opacity = 90); 
}



/********************************************************************************
**
**			CONTENT BOX
**
**********************************************************************************/


#column-content {
position:relative;
min-height:100%;
}

.no_min_height {
min-height:0 !important ;
}

#column-content > .top {
position: absolute;
top:30px;
right:30px;
/* Part 1: Set a maxium relative to the parent */
max-width:90%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#column-content > .top .all-content {
margin-bottom:30px;
}

#column-content > .bottom {
position: absolute;
bottom:30px;
right:30px;
/* Part 1: Set a maxium relative to the parent */
max-width:90%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#column-content > .full_width {
position:relative;
width:100% !important;
}

#column-content > .top .all-content, #column-content > .bottom .all-content {
padding:20px;
}

#column-content > .full_width .all-content {
padding: 30px 30px 25px 40px ;
}

.shadow-normal .all-content, .shadow-none .all-content {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.shadow-normal .all-content {
-moz-box-shadow : 0px 0px 12px 0px rgba(0,0,0, 0.30) ;
-webkit-box-shadow : 0px 0px 12px 0px rgba(0,0,0, 0.30) ;
box-shadow : 0px 0px 12px 0px rgba(0,0,0, 0.30) ;
}

.shadow-corner > .bottom {
background : transparent url(../images/shadow-bottom-left.png) 30px 0 no-repeat;
padding: 7px 0px 0px 45px;
margin: 0;
}

.shadow-corner > .top {
background : transparent url(../images/shadow-bottom-left.png) 30px 0 no-repeat;
padding: 7px 0px 0px 45px;
margin: 0;
top:23px;
}

.shadow-corner .all-content {
-moz-box-shadow : 0px 0px 12px 0px rgba(0,0,0, 0.22) ;
-webkit-box-shadow : 0px 0px 12px 0px rgba(0,0,0, 0.22) ;
box-shadow : 0px 0px 12px 0px rgba(0,0,0, 0.22) ;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
min-height:300px;
}

.white0, .white0 .drop-down li ul {
background-color: #fff ;
}
.white1, .white1 .drop-down li ul {
background: transparent url(../images/white-93.png) 0 0 repeat;
}
.white2, .white2 .drop-down li ul {
background: transparent url(../images/white-88.png) 0 0 repeat;
}
.white3, .white3 .drop-down li ul {
background: transparent url(../images/white-80.png) 0 0 repeat;
}
.white4, .white4 .drop-down li ul {
background: transparent url(../images/white-70.png) 0 0 repeat;
}
.white5, .white5 .drop-down li ul {
background: transparent url(../images/white-55.png) 0 0 repeat;
}
.white6, .white6 .drop-down li ul {
background: transparent url(../images/white-40.png) 0 0 repeat;
}
.white7, .white7 .drop-down li ul {
background: transparent url(../images/white-25.png) 0 0 repeat;
}
.white8, .white8 .drop-down li ul {
background: transparent url(../images/white-16.png) 0 0 repeat;
}
.white9, .white9 .drop-down li ul {
background: transparent url(../images/white-08.png) 0 0 repeat;
}

.white10, .black10, .white10 .drop-down li ul, .black10 .drop-down li ul {
background-color:transparent;
}

.black0, .black0 .drop-down li ul {
background-color: #000 ;
}
.black1, .black1 .drop-down li ul {
background: transparent url(../images/black-90.png) 0 0 repeat;
}
.black2, .black2 .drop-down li ul {
background: transparent url(../images/black-80.png) 0 0 repeat;
}
.black3, .black3 .drop-down li ul {
background: transparent url(../images/black-70.png) 0 0 repeat;
}
.black4, .black4 .drop-down li ul {
background: transparent url(../images/black-60.png) 0 0 repeat;
}
.black5, .black5 .drop-down li ul {
background: transparent url(../images/black-45.png) 0 0 repeat;
}
.black6, .black6 .drop-down li ul {
background: transparent url(../images/black-25.png) 0 0 repeat;
}
.black7, .black7 .drop-down li ul {
background: transparent url(../images/black-10.png) 0 0 repeat;
}
.black8, .black8 .drop-down li ul {
background: transparent url(../images/black-06.png) 0 0 repeat;
}
.black9, .black9 .drop-down li ul {
background: transparent url(../images/black-04.png) 0 0 repeat;
}



/** 	Top module position		**/

.top-module-position {
position : relative;
padding:12px 0;
z-index:1;
}

/** 	Bottom module position		**/

.bottom-module-position {
position : relative;
padding:12px 0;
z-index:1;
}


/** 		breadcrumb 		**/

.breadcrumb {
position: relative;
background-color : transparent;
margin : 20px 0 -3px 0;
padding:0;
font-size:90%;
}

.breadcrumb h3 {
display : none;
}

.breadcrumbs a:first-child {
display:inline-block;
text-indent:-9999px;
background : transparent url(../images/home.png) 0 -3px no-repeat;
width:14px;
height:16px;
margin-right:5px;
-webkit-transition : none;
-moz-transition : none;
-ms-transition : none;
-o-transition : none;
transition : none;
}

.breadcrumbs a:first-child:hover {
background : transparent url(../images/home.png) 0 -19px no-repeat;
}


/**			Columns 		**/

.left_column {
float:left;
overflow:hidden;
width:20%;
margin: -4px 30px 0 0 ;
}

.right-module-position {
float:right;
overflow:hidden;
width:20%;
margin: -4px 0 0 30px ;
}


/** 		Content 		**/

.content {
position:relative;
overflow:hidden;
padding: 0;
z-index:1;
}

.main_component {
position:relative;
overflow:hidden;
z-index:1;
}

/**	images	**/

.main_component img, #tinymce img {
border-radius: 3px;
margin: 12px 1px 12px 0;
box-shadow : 0px 1px 3px rgba(0,0,0,0.20);
padding : 3px ;
border : 1px solid #ddd ;
border-color: rgba(0,0,0,0.10);
background: rgba(255,255,255,0.26);
}

.main_component .breadcrumb img {
border:none;
box-shadow:none;
background:transparent;
}

/*************************************************************************************************************

									TESTIMONIALS

**************************************************************************************************************/

.testimonial-box {
border: 1px solid #ddd;
border-radius: 2px;
margin : 20px 0;
}

.testimonial-header {
background-color: #fcfcfc;
border: 1px solid #fff;
padding: 20px;
position: relative;
}

.testimonial-header .testimonial-content {
border-left: 3px solid #ff6838;
color: #999;
padding-left: 20px;
}

.testimonial-header:after {
position: absolute;
content:'';
bottom: -9px;
left: 20px;
height: 0;
width: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fcfcfc;
z-index: 99;    
}


.testimonial-footer {
position: relative;
background-color: #e9e9e9;
border: 2px solid #fff;
border-top: none ;
color: #777;
padding: 13px 20px 8px 20px;
}

.testimonial-footer span {
color: #434343;
font-weight: 700;
}


/*************************************************************************************************************

									COLUMN LAYOUTS

**************************************************************************************************************/

.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
float:left;
margin : 10px 4% 10px 0;
}

.one-half {
width:48%;
}

.one-third {
width:30.6%;
}

.two-third {
width:65.4%;
}

.one-fourth {
width:22%;
}

.two-fourth {
width:48%;
}

.three-fourth {
width:74%;
}

.one-fifth {
width:16.8%;
}

.two-fifth {
width:37.6%;
}

.three-fifth {
width:58.4%;
}

.four-fifth {
width:79.2%;
}

.last {
margin-right: 0 !important;
}

.last + * {
clear:both;
}


/**  users modules
**/

.users_top, .users_bottom {
margin: 0;
padding: 0px 0 10px 0;
clear:both;
width: 100%;
}
.users_bottom {
padding:14px 0 4px 0px;
}

.user1, .user4 {
float:left;
margin-right:14px;
padding-right:8px;
}
.user3, .user6 {
float:right;
margin-left:8px;
padding-left:14px;
}
.user2, .user5 {
position:relative;
overflow:hidden;
}
.user1, .user2, .user3, .user4, .user5, .user6 {
min-height:40px;
height:auto !important;
height:40px;
}


/**  	space between each module 		**/

.left_column .moduletable2, .right-module-position .moduletable2, .top-module-position .moduletable2, .bottom-module-position .moduletable2,
.users_top .moduletable2, .users_bottom .moduletable2 {
margin-top:15px;
}

.moduletable2:first-child {
margin-top:0px !important;
}



/** Module class suffix	**/

.left_column .moduletable2 > div, .right-module-position .moduletable2 > div, .top-module-position .moduletable2 > div, .bottom-module-position .moduletable2 > div,
.user1 .moduletable2 > div, .user2 .moduletable2 > div, .user3 .moduletable2 > div, .user4 .moduletable2 > div, .user5 .moduletable2 > div, .user6 .moduletable2 > div,
.address .moduletable2 > div, .translate .moduletable2 > div, .search .moduletable2 > div, .bottom_menu .moduletable2 > div {
padding:10px;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
}

.address .dark > div, .translate .dark > div, .search .dark > div, top_menu .dark > div, .bottom_menu .dark > div,
.address .light > div, .translate .light > div, .search .light > div, top_menu .light > div, .bottom_menu .light > div,
.address .border > div, .translate .border > div, .search .border > div, .bottom_menu .border > div {
padding:20px;
}

.moduletable2.shadow {
margin-bottom : 10px ;
-moz-box-shadow : none;
-webkit-box-shadow : none;
box-shadow : none;
border:none;
background: transparent url(../images/shadow-module.png) 50% 100% no-repeat;
background-size: 100% 10px;
padding-bottom:10px;
margin-bottom : 0 !important;
margin-right:0;
margin-left:0;
}

.left_column .dark > div, .right-module-position .dark > div, .top-module-position .dark > div, .bottom-module-position .dark > div, .user1 .dark > div, .user2 .dark > div, .user3 .dark > div, .user4 .dark > div, .user5 .dark > div, .user6 .dark > div,
.address .dark > div, .translate .dark > div, .search .dark > div, .bottom_menu .dark > div {
background: transparent url(../images/black-05.png) 0 0 repeat;
}

.left_column .light > div, .right-module-position .light > div, .top-module-position .light > div, .bottom-module-position .light > div, .user1 .light > div, .user2 .light > div, .user3 .light > div, .user4 .light > div, .user5 .light > div, .user6 .light > div,
.address .light > div, .translate .light > div, .search .light > div, .bottom_menu .light > div {
background: transparent url(../images/white-40.png) 0 0 repeat;
}


.left_column .border > div, .right-module-position .border > div, .top-module-position .border > div, .bottom-module-position .border > div, .user1 .border > div, .user2 .border > div, .user3 .border > div, .user4 .border > div, .user5 .border > div, .user6 .border > div,
.address .border > div, .translate .border > div, .search .border > div, .bottom_menu .border > div {
border:1px solid #d6d6d6;
border-color : rgba(0,0,0, 0.08);
}

.left_column .border table2, .left_column .border table2 td, .left_column .border table2 th, .left_column .border ul,  .left_column .light ul,
.right-module-position .border table2, .right-module-position .border table2 td, .right-module-position .border table2 th, .right-module-position .border ul, .right-module-position .light ul,
.top-module-position .border table2, .top-module-position .border table2 td, .top-module-position .border table2 th, .top-module-position .border ul, .top-module-position .light ul,
.bottom-module-position .border table2, .bottom-module-position .border table2 td, .bottom-module-position .border table2 th, .bottom-module-position .border ul, .bottom-module-position .light ul,
.user1 .border table2, .user1 .border table2 td, .user1 .border table2 th, .user1 .border ul, .user1 .light ul, .user2 .border table2, .user2 .border table2 td, .user2 .border table2 th, .user2 .border ul, .user2 .light ul,
.user3 .border table2, .user3 .border table2 td, .user3 .border table2 th, .user3 .border ul, .user3 .light ul, .user4 .border table2, .user4 .border table2 td, .user4 .border table2 th, .user4 .border ul, .user4 .light ul,
.user5 .border table2, .user5 .border table2 td, .user5 .border table2 th, .user5 .border ul, .user5 .light ul, .user6 .border table2, .user6 .border table2 td, .user6 .border table2 th, .user6 .border ul, .user6 .light ul,
.address .border table2, .address .border table2 td, .address .border table2 th, .address .border ul, .address .light ul,
.translate .border table2, .translate .border table2 td, .translate .border table2 th, .translate .border ul, .translate .light ul,
.search .border table2, .search .border table2 td, .search .border table2 th, .search .border ul, .search .light ul,
.bottom_menu .border table2, .bottom_menu .border table2 td, .bottom_menu .border table2 th, .bottom_menu .border ul, .bottom_menu .light ul {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image:none;
border:none;
padding: 0 !important;
}


/**			Button Full Screen 			**/

#close-button, #open-button {
position:absolute;
top:4px;
right:4px;
width:24px;
height:24px;
cursor:pointer;
background : transparent url(../images/closebox.png) 0 0px no-repeat;
z-index:5;
}

.shadow-corner #close-button {
top:11px;
}

#close-button:hover {
background: transparent url(../images/closebox.png) 0 -24px no-repeat;
}

#open-button {
top:16px;
right:4px;
background: transparent url(../images/openbox.png) 0 0px no-repeat;
}

#open-button:hover {
background: transparent url(../images/openbox.png) 0 -24px no-repeat;
}

/********************************************************************************
**
**			ARTICLE JOOMLA
**
**********************************************************************************/

/**	icons	**/

ul.actions {
float:right;
margin: 10px 10px 0 3px !important;
padding:0 !important;
}

ul.actions li {
background-image: none !important;
margin: 0 !important;
padding:0 !important;
list-style:none !important;
display:inline-block;
}

ul.actions a {
text-decoration:none;
}


/**	article info	**/

.article-info  {
font-size:90%;
margin:8px 0 15px 0;
}

.article-info dd {
margin:0;
}

.article-info-term  {
display:none;
}

/**		article index	**/

#article-index {
background: transparent url(../images/black-03.png) 0 0 repeat;
-moz-border-radius:6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
float: right;
margin: 10px 0 20px 30px;
clear : both;
padding: 8px 12px;
width: 17%;
}


/* ++++++++++++++  position  ++++++++++++++ */

.blog-featured {
padding: 0;
}

.items-leading {
padding:0px 5px 10px 5px;
overflow:hidden;
margin-bottom:10px;
}

.row-separator {
display: block;
clear: both;
margin: 0;
border: 0px;
height:1px;
}

.item-separator {
display: none;
margin: 0px;
}

.shownocolumns {
width:98% !important;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}

.cols-2 .column-1 {
width:46%;
float:left;
}

.cols-2 .column-2 {
width:46%;
float:right;
margin:0;
}

.cols-3 .column-1 {
float:left;
width:29%;
padding:0px 5px;
margin-right:4%;
}

.cols-3 .column-2 {
float:left;
width:29%;
margin-left:0;
padding:0px 5px;
}

.cols-3 .column-3 {
float:right;
width:29%;
padding:0px 5px;
}

.items-row {
overflow:hidden;
margin-bottom:10px !important;
}

.column-1, .column-2, .column-3 {
padding:10px 5px;
}

.column-2 {
width:55%;
margin-left:40%;
}

.column-3 {
width:30%;
}

.blog-more {
padding:10px 5px
}

span.content_rating img {
display:inline-block;
margin:0 1px;
}

span.content_vote input {
display:inline-block;
margin:0 2px;
}

.logout-button {
margin-top:18px;
}


/********************************************************************************
**
**			Footer (only for mobiles)
**
**********************************************************************************/

.website-footer {
position:relative;
-moz-box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
-webkit-box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
box-shadow : 0px 0px 16px 0px rgba(0,0,0, 0.40) ;
padding: 8px 0 16px 0;
}

/** 	SEARCH 		**/

.website-footer .search-module {
float:left;
padding: 0 0 0 10px;
}

.website-footer .search {
position:relative;
z-index:1;
}

.website-footer .search-module .inputbox {
border: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
padding:3px 20px 3px 10px !important;
width:94px;
font-size:90%;
color : #666;
background: transparent url(../images/black-03.png) 0 0 repeat;
-webkit-transition : all 0.4s ease-in-out;
-moz-transition : all 0.4s ease-in-out;
-ms-transition : all 0.4s ease-in-out;
-o-transition : all 0.4s ease-in-out;
transition : all 0.4s ease-in-out;
}

.website-footer .search-module .inputbox:hover, .website-footer .search-module .inputbox:focus  {
border:none;
color : #444;
background: transparent url(../images/black-02.png) 0 0 repeat;
}

.website-footer .search-module .inputbox:focus {
color:#444;
width : 134px;
margin-left:4px;
}

.website-footer .search-module .button {
position:absolute;
top:4px;
right:6px;
z-index:2;
}


.menu-black .website-footer .search-module .inputbox {
color : #ccc;
background: transparent url(../images/white-10.png) 0 0 repeat;
}

.menu-black .website-footer .search-module .inputbox:hover, .menu-black .website-footer .search-module .inputbox:focus  {
color : #eee;
background: transparent url(../images/white-14.png) 0 0 repeat;
}

.menu-black .website-footer .search-module .inputbox:focus {
color:#eee;
}

/**			Social links & address	**/

.website-footer .social-links {
text-align:center;
}

.social-links.with-search {
float : right;
text-align:left;
clear:none;
padding:0 10px 0 0;
}

.website-footer .address {
text-align:center;
color: #666;
padding : 8px 10px 0 10px;
}

.menu-black .website-footer .address {
color: #ccc;
}


/********************************************************************************
**
**			OTHERS
**
**********************************************************************************/

.clr {
clear:both;
}

.pull-left {
float: left;
}

.pull-right {
float: right;
}

/**	BLOG LIST	**/

table2.category {
width:100%;
margin-top:20px;
}
.sectiontable2header {
background: transparent url(../images/black-05.png) top left repeat;
padding:8px 5px;
}
.sectiontable2header a {
text-transform:uppercase;
color: #444;
text-decoration : none;
}
tr.sectiontable2entry1 td, tr.even td {
background-color : transparent;
border-bottom: 1px dotted #444;
padding:8px 5px;
}
tr.sectiontable2entry2 td, tr.odd td {
background: transparent url(../images/black-05.png) top left repeat;
border-bottom: 1px dotted #444;
padding:8px 5px;
}

tr.sectiontable2entry1 td a, tr.sectiontable2entry2 td a {
text-decoration : none;
}

/**	Polls	**/
.pollstable2border {
margin: 10px 0;
}
.pollstable2border tr {
display:block;
padding: 5px 0;
}
.pollstable2border tr .sectiontable2entry1, .pollstable2border tr .sectiontable2entry2 {
display:inline-block;
margin-right: 5px;
text-align:left;
}

/** 	Form 		**/

/**	Virtuemart	**/

.cbContainer {
z-index:9999999;
}
.cbBox h3 {
color : #000;
line-height:13px;
}
.vmCartContainer, .vmCartContainer .inputbox, .vmCartContainer .inputbox:hover, .vmCartContainer .inputbox:focus {
color:#000;
}

/**	no margin for module image	**/

#image .content-module > * {
margin:0 !important;
}

/**	JS	**/

.js-copyright {
position : absolute;
bottom:4px;
right:2px;
width:8px;
height:130px;
z-index:5;
}

.jslink {
position : absolute;
top:0;
left:0;
text-indent:-9999px;
width:8px;
height:130px;
background : transparent url(../images/js_white_26.png) 0 0 no-repeat;
z-index:1;
}


/**	contact	**/

.contact h3 {
margin:20px 0;
}

.contact .panel .contact-form form, .contact .panel .contact-address {
margin:20px 0 0 0;
}

.contact-email div {
margin:0 0 10px;
padding:2px 0;
}

.contact-email label {
float:left;
width:17em;
}

#contact-email-copy  {
float:left;
margin-right:10px;
}

#member-registration fieldset {
margin-bottom:20px;
}

#member-registration fieldset > div {
margin-bottom:12px;
}

fieldset dt {
clear:left ;
float:left;
width:11em;
padding:3px 20px 3px 0 ;
margin-bottom:10px;
}

fieldset dd {
float:left;
padding:3px 0 ;
}

.contact .button {
clear: left;
display: block;
float: none !important;
margin: 20px 0 0 0;
}

legend {
margin-bottom:15px;
font-weight:normal;
color: #111;
font-size:85%;
}

.panel h3.pane-toggler a {
display:block;
background: transparent url(../images/slider_plus.png) right top no-repeat;
}
.panel h3.pane-toggler-down a {
display:block;
background: transparent  url(../images/slider_minus.png) right top no-repeat;
border-bottom:solid 1px #d3d3d3;
}

#member-registration > div, #user-registration > div {
margin-top:22px;
}

#editor-xtd-buttons {
float:left;
}

#editor-xtd-buttons .readmore a {
padding: 0 24px 0 6px;
border:none;
text-shadow:none;
margin-right:0;
font-style:normal;
font-size:11px;
color:#666;
float:left;
background-image:none;
}

.toggle-editor {
margin: 5px 0 0 0px;
}

.pane-slider .jicons-icons {
float: left;
margin: 0 14px 0 0;
}

.contact-form dd {
margin-left:0;
}

.contact-form dt {
width:auto;
min-width:70px;
}

/**		category list	**/

img[src$="sort_asc.png"], img[src$="sort_desc.png"] {
display:inline-block;
padding-left : 6px;
}

.categories-list ul {
padding:5px 5px 0 5px;
}

.categories-list ul ul {
margin-left:15px;
}

.categories-list ul li span.item-title {
display:block;
font-size:120%;
margin-bottom:10px;
}

.categories-list .category-desc {
margin: 9px 0 0 8px;
}

.categories-list .category-desc p {
margin: 4px 0 4px 0;
}

.categories-list dl {
font-size:90%;
font-style:italic;
margin: 4px 0 0 8px;
}

.categories-list dd, .categories-list dt {
display:inline-block;
margin-right:3px;
}

.contact-miscinfo .jicons-icons {
float:left;
margin: -1px 14px 0 0;
}

.contact-contactinfo .jicons-icons {
float:left;
margin: 1px 12px 0 0;
}

/**	login content	**/

.login-fields {
margin:10px 0;
}

.login-fields label {
float:left;
width:9em;
}

/**  Error Message contact form  **/
p.error {
padding:10px;
}

/**  editor  **/
.contentpaneopen_edit {
float: left;
}

.contentpaneopen_edit img {
}


/**	form required	**/

.form-required {
background: transparent url(../images/req.png) 0 7px no-repeat;
font-weight:bold;
margin:10px 0;
padding:10px 40px;
}

/**  pagebreak  **/
table2.contenttoc {
padding:10px;
margin:10px;
}

table2.contenttoc tr td {
padding:1px 0px
}

.pagenavcounter {
font-weight:bold;
}

/**	page nav	**/

ul.pagenav {
list-style-type:none;
overflow:hidden;
padding:0;
}

ul.pagenav li {
-moz-border-radius : 3px;
border:1px solid #d3d3d3;
display:inline-block;
margin:0;
padding:0 9px;
position:relative;
line-height:2em;
background-image:none !important;
margin:0 3px !important;
padding:0 4px !important;
}

ul.pagenav li:hover {
background: transparent url(../images/black-05.png) 0 0 repeat !important;
}

ul.pagenav li a {
text-decoration:none;
}

ul.pagenav li.pagenav_prev {
float:left;
}

ul.pagenav li.pagenav_next {
float:right;
}

/**	panel slider	**/

.pane-sliders {
margin:16px 0 10px 0; 
}

.panel {
border:1px solid #e3e3e3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
background: transparent url(../images/black-03.png) 0 0 repeat;
margin:-1px 0 10px 0;
}

.panel h3 {
line-height:140%;
padding : 9px 9px 6px 9px;
margin:0;
}

.pane-slider {
border:0 solid;
margin:0;
padding:0 14px !important;
}

.jpane-slider {
border:0 solid;
margin:0;
padding:0 14px !important;
}

.panel h3.jpane-toggler-down a {
background: transparent url(../images/slider_minus.png) right top no-repeat;
display:block;
}

.panel h3.jpane-toggler a {
background: transparent url(../images/slider_plus.png) right top no-repeat;
display:block;
}

.panel .contact-form, .panel .contact-miscinfo  {
padding:10px 10px 10px 10px;
}

/**	weblinks	**/

table2.weblinks, table2.category {
font-size:1em;
margin:10px 10px 20px 0;
width:99%;
}

table2.weblinks th, table2.newsfeeds th, table2.category th, table2.jlist-table2 th {
background: transparent url(../images/black-07.png) 0 0 repeat;
color:#000000;
padding:7px;
}

table2.weblinks th a, table2.newsfeeds th a, table2.category th a, table2.jlist-table2 th a  {
color:#000000 !important;
}

table2.weblinks td, table2.category td {
padding:7px;
}

.weblink-category a {
font-size:110%;
text-decoration:none;
font-weight:bold;
padding: 0 0 0 5px;
}

/**	pagination	**/

.pagination {
border-top:1px dotted #ddd;
margin: 10px 0;
padding: 10px 0;
height:auto;
}

.pagination ul {
display: block;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin:0;
padding:0;
}

.pagination ul > li {
display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
float: none;
padding: 0;
line-height: 1.4;
text-decoration: none;
background-color: transparent;
border: none;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: transparent;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
color: #555;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
color: #555;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}



.pagination ul {
list-style-type:none;
margin:0;
padding:0;
text-align:center;
}

.pagination li {
background : none !important;
display:inline;
padding:2px 5px !important;
text-align:left;
margin:0 2px !important;
}

.pagenav {
padding:2px;
}

.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev {
border:0;
}

.pagination li.pagination-start ,
.pagination li.pagination-start  span {
padding:0;
}

p.counter {
float:right;
margin: 10px 0 0 0;
}

/**	items more	**/

.items-more h3 {
border-bottom:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
color:#444444;
}

.items-more h3 {
font-size:115%;
font-weight:normal;
margin:0 0 10px 0;
padding:8px 5px 7px 5px;
}

/** translate	**/

div.mod-languages ul li {
display:inline;
}

/**		search form		**/

.search-moduleForm {
margin:20px 0;
}

.search-moduleForm label {
display : inline;
}

.search-moduleForm input {
margin : -2px 2px 0 12px;
}

.search-moduleForm fieldset {
margin:8px 0;
}

.search-moduleForm fieldset legend {
padding:25px 0 5px 0;
font-weight:bold;
font-size:110%;
}

.search-moduleForm fieldset > div {
margin:6px 0;
}


/** 	contact tabs 	**/

dl.tabs {
clear: both;
float: left;
margin: 50px 0 0;
z-index: 50;
}

div.current {
border: 1px solid #ddd;
clear: both;
padding: 10px;
}

div.current dd {
margin: 0;
padding: 0;
}

dl.tabs dt {
background: none repeat scroll 0 0 #F0F0F0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
color: #666666;
float: left;
margin-right: 3px;
padding: 4px 10px;
}

#main dl.tabs h3, #main2 dl.tabs h3 {
margin: 0;
}

.contact .tabs h3 {
margin: 0;
padding : 4px 12px;
}

.open h3 a {
text-decoration : none;
font-weight:bold;
}


/**		tooltips form 		**/

.tip-wrap {
background-color:#fff;
border:1px solid #bbb;
border-radius : 6px;
color : #666;
z-index:999;
}

.tip {
padding : 8px 8px 16px 8px;
min-width:160px;
}

.tip-wrap .tip-top, .tip-wrap .tip, .tip-wrap .tip-bottom {
background-image : none;
height:auto;
}

.tip-title {
color : #028bc0;
margin: -2px 0 4px 0;
}



/**  Error Message contact form  **/
p.error {
}

#system-message-container #system-message {
background-color : #f5f5f5;
padding:14px 12px 8px 16px ;
margin: 12px 4px 20px 0;
-moz-box-shadow:2px 2px 4px #ccc;
-webkit-box-shadow:2px 2px 4px #ccc;
box-shadow:2px 2px 4px #ccc;
}

#system-message-container #system-message .error {
font-size:140%;
color: red ;
}

#system-message-container #system-message .message {
font-size:100%;
color: #000 !important;
}

#system-message-container ul {
margin : 0 !important;
}

#system-message-container li {
background-image : none !important;
padding : 8px 0 0 0 !important;
}


/** 	edit article frontend 	**/

#adminForm fieldset {
margin-bottom:20px;
padding: 10px 5px;
}

#adminForm fieldset legend {
display: inline-block;
margin-top: 15px;
padding: 0pt 10px;
}

form#adminForm .formelm-area label {
display: inline-block;
vertical-align: top;
width: 9em;
}

.formelm label {
display: inline-block;
vertical-align: top;
width: 13em;
}



/***
**
**				DOC BOOTSTRAP 			***/


.highlight {
    background-color: rgba(255,255,255, 0.3);
    border: 1px solid rgba(0,0,0,0.14);
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 9px 14px;
}

.highlight pre {
    border: 0 none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    white-space: nowrap;
}
.highlight pre code {
    color: #333;
    font-size: 140%;
}

pre code {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
    white-space: pre-wrap;
}



.responsive-utilities-test li, .the-icons li {
background-image : none !important;
padding-left:0;
margin:0;
}

h3 code {
    font-size: 14px;
    font-weight: normal;
}
body > .navbar {
    font-size: 13px;
}
body > .navbar .brand {
    color: #000000;
    float: right;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 0;
    padding-right: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
    transition: all 0.2s linear 0s;
}
body > .navbar .brand:hover {
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.4);
}
section {
    padding-top: 30px;
}
section > .page-header, section > .lead {
    color: #5A5A5A;
}
section > ul li {
    margin-bottom: 5px;
}
.bs-docs-separator {
    margin: 40px 0 39px;
}
hr.soften {
    background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    border: 0 none;
    height: 1px;
    margin: 70px 0;
}
.jumbotron {
    background: linear-gradient(45deg, #020031 0%, #6D3353 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2) inset, 0 -3px 7px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    padding: 40px 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);
}
.jumbotron h1 {
    font-size: 80px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}
.jumbotron p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px;
}
.jumbotron a {
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease-in-out 0s;
}
.jumbotron a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
}
.masthead .btn {
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 200;
    padding: 14px 24px;
    transition: none 0s ease 0s;
}
.masthead .btn:hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.25);
}
.masthead .btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}
.jumbotron .container {
    position: relative;
    z-index: 2;
}
.jumbotron:after {
    background: url("../img/bs-docs-masthead-pattern.png") repeat scroll center center transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 0;
}
.masthead {
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 70px 0 80px;
}
.masthead h1 {
    font-size: 120px;
    letter-spacing: -2px;
    line-height: 1;
}
.masthead p {
    font-size: 40px;
    font-weight: 200;
    line-height: 1.25;
}
.masthead-links {
    list-style: none outside none;
    margin: 0;
}
.masthead-links li {
    color: rgba(255, 255, 255, 0.25);
    display: inline;
    padding: 0 10px;
}
.bs-docs-social {
    background-color: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #FFFFFF;
    padding: 15px 0;
    text-align: center;
}
.bs-docs-social-buttons {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.bs-docs-social-buttons li {
    display: inline-block;
    line-height: 1;
    padding: 5px 8px;
}
.subhead {
    border-bottom: 1px solid #DDDDDD;
    text-align: left;
}
.subhead h1 {
    font-size: 60px;
}
.subhead p {
    margin-bottom: 20px;
}
.subhead .navbar {
    display: none;
}
.marketing {
    color: #5A5A5A;
    text-align: center;
}
.marketing h1 {
    font-size: 60px;
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 1;
    margin: 60px 0 10px;
}
.marketing h2 {
    font-weight: 200;
    margin-bottom: 5px;
}
.marketing p {
    font-size: 16px;
    line-height: 1.5;
}
.marketing .marketing-byline {
    color: #999999;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 40px;
}
.marketing img {
    display: block;
    margin: 0 auto 30px;
}
.footer {
    background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
    margin-top: 70px;
    padding: 70px 0;
}
.footer p {
    color: #777777;
    margin-bottom: 0;
}
.footer-links {
    margin: 10px 0;
}
.footer-links li {
    display: inline;
    margin-right: 10px;
}
.show-grid {
    margin-bottom: 20px;
    margin-top: 10px;
}
.show-grid [class*="span"] {
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
}
.show-grid:hover [class*="span"] {
    background: none repeat scroll 0 0 #DDDDDD;
}
.show-grid .show-grid {
    margin-bottom: 0;
    margin-top: 0;
}
.show-grid .show-grid [class*="span"] {
    background-color: #CCCCCC;
}
.mini-layout {
    border: 1px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.mini-layout, .mini-layout .mini-layout-body, .mini-layout.fluid .mini-layout-sidebar {
    height: 300px;
}
.mini-layout {
    margin-bottom: 20px;
    padding: 9px;
}
.mini-layout div {
    border-radius: 3px 3px 3px 3px;
}
.mini-layout .mini-layout-body {
    background-color: #DCEAF4;
    margin: 0 auto;
    width: 70%;
}
.mini-layout.fluid .mini-layout-sidebar, .mini-layout.fluid .mini-layout-header, .mini-layout.fluid .mini-layout-body {
    float: left;
}
.mini-layout.fluid .mini-layout-sidebar {
    background-color: #BBD8E9;
    width: 20%;
}
.mini-layout.fluid .mini-layout-body {
    margin-left: 2.5%;
    width: 77.5%;
}
.download .page-header {
    margin-top: 36px;
}
.page-header .toggle-all {
    margin-top: 5px;
}
.download h3 {
    margin-bottom: 5px;
}
.download-builder input + h3, .download-builder .checkbox + h3 {
    margin-top: 9px;
}
.download-builder input[type="text"] {
    color: #DD1144;
    font-family: Menlo,Monaco,"Courier New",monospace;
    font-size: 12px;
    margin-bottom: 9px;
}
.download-builder input[type="text"]:focus {
    background-color: #FFFFFF;
}
.download .checkbox {
    background-color: #F9F9F9;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 10px 6px 25px;
}
.download .checkbox:hover {
    background-color: #F5F5F5;
    color: #333333;
}
.download .checkbox small {
    color: #777777;
    font-size: 12px;
}
#variables label {
    margin-bottom: 0;
}
.download-btn {
    margin: 36px 0 108px;
}
#download p, #download h4 {
    color: #999999;
    margin: 0 auto;
    max-width: 50%;
    text-align: center;
}
#download h4 {
    margin-bottom: 0;
}
#download p {
    margin-bottom: 18px;
}
.download-btn .btn {
    border-radius: 6px 6px 6px 6px;
    display: block;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 27px;
    padding: 19px 24px;
    text-align: center;
    width: auto;
}
h2 + table2, h3 + table2, h4 + table2, h2 + .row {
    margin-top: 5px;
}
.example-sites {
}
.example-sites img {
    margin: 0 auto;
    max-width: 100%;
}
.scrollspy-example {
    height: 200px;
    overflow: auto;
    position: relative;
}
.focused {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
.docs-input-sizes select, .docs-input-sizes input[type="text"] {
    display: block;
    margin-bottom: 9px;
}
.the-icons {
    list-style: none outside none;
    margin-left: 0;
}
.the-icons li {
    float: left;
    line-height: 25px;
    width: 25%;
}
.the-icons i:hover {
    background-color: rgba(255, 0, 0, 0.25);
}
.bootstrap-examples p {
    font-size: 13px;
    line-height: 18px;
}
.bootstrap-examples .thumbnail {
    background-color: #FFFFFF;
    margin-bottom: 9px;
}
.bs-docs-example {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    margin: 15px 0;
    padding: 39px 19px 14px;
    position: relative;
}
.bs-docs-example:after {
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #9DA0A4;
    content: "Example";
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px;
}
.bs-docs-example + .prettyprint {
    margin-top: -20px;
    padding: 15px;
}
.bs-docs-example > p:last-child {
    margin-bottom: 0;
}
.bs-docs-example .table2, .bs-docs-example .progress, .bs-docs-example .well, .bs-docs-example .alert, .bs-docs-example .hero-unit, .bs-docs-example .pagination, .bs-docs-example .navbar, .bs-docs-example > .nav, .bs-docs-example blockquote {
    margin-bottom: 5px;
}
.bs-docs-example .pagination {
    margin-top: 0;
}
.bs-navbar-top-example, .bs-navbar-bottom-example {
    height: 90px;
    overflow: hidden;
    padding: 0;
    z-index: 1;
}
.bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom {
    margin-left: 0;
    margin-right: 0;
}
.bs-navbar-top-example {
    border-radius: 0 0 4px 4px;
}
.bs-navbar-top-example:after {
    border-radius: 0 4px 0 4px;
    bottom: -1px;
    top: auto;
}
.bs-navbar-bottom-example {
    border-radius: 4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
    margin-bottom: 0;
}
form.bs-docs-example {
    padding-bottom: 19px;
}
.bs-docs-example-images img {
    display: inline-block;
    margin: 10px;
}
.bs-docs-tooltip-examples {
    list-style: none outside none;
    margin: 0 0 10px;
    text-align: center;
}
.bs-docs-tooltip-examples li {
    display: inline;
    padding: 0 10px;
}
.bs-docs-example-popover {
    background-color: #F9F9F9;
    padding-bottom: 24px;
}
.bs-docs-example-popover .popover {
    display: block;
    float: left;
    margin: 20px;
    position: relative;
    width: 260px;
}
.responsive-utilities th small {
    color: #999999;
    display: block;
    font-weight: normal;
}
.responsive-utilities tbody th {
    font-weight: normal;
}
.responsive-utilities td {
    text-align: center;
}
.responsive-utilities td.is-visible {
    background-color: #DFF0D8 !important;
    color: #468847;
}
.responsive-utilities td.is-hidden {
    background-color: #F9F9F9 !important;
    color: #CCCCCC;
}
.responsive-utilities-test {
    list-style: none outside none;
    margin-left: 0;
    margin-top: 5px;
    overflow: hidden;
}
.responsive-utilities-test li {
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    color: #999999;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 43px;
    line-height: 43px;
    position: relative;
    text-align: center;
    width: 25%;
}
.responsive-utilities-test li + li {
    margin-left: 10px !important;
}
.responsive-utilities-test span {
    border-radius: 4px 4px 4px 4px;
    bottom: -1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
}
.responsive-utilities-test span {
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    color: #468847;
}
.bs-docs-sidenav {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin: 30px 0 0;
    padding: 0;
    width: 228px;
}
.bs-docs-sidenav > li > a {
    border: 1px solid #E5E5E5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px;
}
.bs-docs-sidenav > li:first-child > a {
    border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
    border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
    border: 0 none;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
}
.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: 0.25;
}
.bs-docs-sidenav > li > a:hover {
    background-color: #F5F5F5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
    opacity: 0.5;
}
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
    background-image: url("../img/glyphicons-halflings-white.png");
    opacity: 1;
}
.bs-docs-sidenav.affix {
    top: 40px;
}
.bs-docs-sidenav.affix-bottom {
    bottom: 270px;
    position: absolute;
    top: auto;
}
.bs-docs-container {
    max-width: 970px;
}
.bs-docs-sidenav {
    width: 258px;
}
body > .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
}
.quick-links li {
    display: inline-block;
    margin: 5px;
}
.bs-docs-sidenav {
    margin-right: 0;
    margin-top: 30px;
    top: 0;
}
body {
    padding-top: 0;
}
.jumbotron {
    margin-top: -20px;
}
.bs-docs-sidenav {
    margin-top: 20px;
    width: 166px;
}
.bs-docs-sidenav.affix {
    top: 0;
}
body {
    padding-top: 0;
}
.jumbotron {
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 40px 20px;
}
.masthead h1 {
    font-size: 90px;
}
.masthead p, .masthead .btn {
    font-size: 24px;
}
.marketing .span4 {
    margin-bottom: 40px;
}
.bs-docs-social {
    margin: 0 -20px;
}
.show-grid [class*="span"] {
    margin-bottom: 5px;
}
.bs-docs-sidenav {
    margin-bottom: 20px;
    width: auto;
}
.bs-docs-sidenav.affix {
    position: static;
    top: 0;
    width: auto;
}
.footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}
.footer p {
    margin-bottom: 9px;
}
body {
    padding-top: 0;
}
h2 small {
    display: block;
}
.jumbotron h1 {
    font-size: 60px;
}
.jumbotron p, .jumbotron .btn {
    font-size: 20px;
}
.jumbotron .btn {
    display: block;
    margin: 0 auto;
}
.subhead h1, .subhead p {
    text-align: center;
}
.marketing h1 {
    font-size: 40px;
}
.example-sites {
    margin-left: 0;
}
.example-sites > li {
    display: block;
    float: none;
    margin: 0 auto 18px;
    max-width: 280px;
    text-align: center;
}
.example-sites .thumbnail > img {
    max-width: 270px;
}
table2 code {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}
.modal-example .modal {
    bottom: auto;
    left: auto;
    position: relative;
    right: auto;
    top: auto;
}
.footer .pull-right {
    float: none;
}