/* 

	GLOBAL CSS

	Description: To be included on all  pages

	written by: Phil Thompson phil.thompson@ichameleon.com
	
	last edited on: 21/09/2007
	last edited by: Phil Thompson

	Table of Contents
	
	HTML Tags
		- * (universal selector)
		- html, body
		- a
		- h1-6
		- p
		- ul, ol, dl
		- tables
		- forms
		
	Common Classes
		- accessibility: .hide
		- pagination lists
		- media lists
		- polls
		- images
		
	Layout
		- Header
			- accessMenu
			- globalMenu
			- branding
				- logo
				- tagline
			- menu
			- breadcrumb
			- search
		- MidHolder
			- sidebar
				- button
			- primarycontent
			- secondarycontent
		- Footer
			- copyright
			- footerMenu
			

*/


/* Overwrite Russ CSS */

.big-icon-wrap i {
	position: relative;
	margin: 0 10px 10px 0;
}
.big-icon-wrap p,
.big-icon-wrap h3 {
	left: 0;
}

/* ACCESSIBILITY/SCREEN-READER */
.hide{
	left: -9999px;
	position: absolute;
	top: -9999px;
}

/* FEEDBACK */
div.feedback {
	padding: 20px;
	margin-bottom: 20px;
}
	div.feedback li,
	div.feedback p {
		color: #231f20;
	}
		
	div.feedback-error {
		background-color: #FFCC99;
	}
	div.feedback-success {
		background-color: #C2E7A3;
	}

div#secondarycontent div.panel p.larger,
p.larger {
	font-size: 150%;
	line-height: 130%;
}
div#primarycontent span.highlight, 
div#primarycontent p.highlight {
    background: none repeat scroll 0 0 #c7c7c7;
    border: 1px solid #c7c7c7;
    font-size: 135%;
    font-style: normal;
    line-height: 120%;
    margin: 0 0 20px;
    padding: 25px 20px;
}


.wow { visibility: hidden; }

p#preview_msg {
	text-align: center;
	padding:10px;
	line-height: 300%;
	background-color: #FFF;
}
	p#preview_msg span {
		padding: 8px 15px;
		border: 1px solid #333;
		background-color: #FFCC99;
		color: #333;
	}


.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
	width: 100%;
}

div.swipe-element {
	z-index:1;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size: 100%;
}


span.counter_block {
    display: block;
    width: 100%;
}
    span.counter_holder,
    span.counter_block i {
        display: block;
        width: 100%;
        text-align: center;
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);    
    }
    span.counter_holder span.counter {   
    }
    
#header-social-links {
    
}
    #header-social-links legend {
        display: none;
    }
    #header-social-links ul {   
        margin: 5px 0;
        padding: 0;
    }
        #header-social-links ul li {   
        }
            #header-social-links ul li a {   
                font-size: 14px;
                width: 24px;
                height: 24px;
                line-height: 24px;
                color: #b5b5b5;
                margin: 0 5px 5px 0;
            }

div.img_block {
	float: left;
	margin-bottom: 20px;
}
	div#primarycontent div.img_block img,
	div.img_block img {
		margin: 0;
	}
	div.img_block p {
		float: left;
		padding-bottom: 15px;
	}
		div.img_block p.credit {
		}
		div.img_block p.caption {
			font-size: 95%;
			line-height: 140%;
		}
		div.img_block hr {
			color: #ADADAD;
			clear: left
		}

div.img_right {
	float: right;	
}


#donateselect-new1 {
}
	#donateselect-new1 .tabbable h2 {
		margin-bottom: 0;
	}


footer {
}
footer #enews-panel form {
	clear: both;
}
footer #enews-panel legend span {
	display: inline-block;
	bottom: 0;
	margin-bottom: 6px;
}
footer ul.social-links {
	padding: 0;
}
	
/* FLASH MAP styling - will obviously affect other Flash in the main area too... */
div#midholder object {
	margin:0;
	padding:0;
}

	

/* This creates a responsive rectangle approximately TV aspect ratio
 	Any content that does not respond by default can be wrapped in this class
	*/
div.iframe-rwd  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
	div.iframe-rwd iframe,
	div.iframe-rwd object,
	div.iframe-rwd embed,
	div.iframe-rwd div.map-div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

div#primarycontent {
}
	div#primarycontent ul {
		list-style-position: outside;
	}
	div#primarycontent div.iframe-rwd  {
		margin-bottom: 20px;
	}


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

table.striped {
    margin-bottom: 20px;
    padding-bottom: 0;
}	
    table.striped th {
        background-color: #cc0000;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }	
    table.striped tr {
        
    }	
        table.striped tr:nth-child(even) {
            background-color: #ccc;
        }	
            table.striped tr:nth-child(even) td {
            }	
        table.striped tr td {
            vertical-align: top;
        }	

        
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

select#treeline_panels_add {
	width: 100%;
}

.panel-wrapper {
	clear: both;
}

	div#panel-tl-editor {
		width: 100%;
	}
	div#secondarycontent fieldset.panel-title {
		padding: 0;
	}
		div#secondarycontent fieldset.panel-title input.text {
			width: 98%;
		}
	div#secondarycontent fieldset.panel-style {
		padding: 2px 0;
	}
		div#secondarycontent fieldset.panel-style fieldset {
			padding: 0;
		}
			div#secondarycontent fieldset.panel-style fieldset select {
				width: 100%
			}
	div#secondarycontent fieldset.panel-content {
		padding: 2px 0;
	}
	div#secondarycontent ul.panel-edit {
		width: 100%;
	}

ul.panel-edit {
	background-color: #ccc;
	float: left;
	list-style: none;
	padding: 0;
	border: 2px solid #000;
}
	ul.panel-edit li {
		float: left;
		padding: 0;
		margin: 0;
	}
		ul.panel-edit li a {
			display: block;
			background-repeat: no-repeat;
			width: 14px;
			height: 14px;
			margin-right: 3px;
			text-indent: -9999px;
			margin-left: 0;
		}
		ul.panel-edit li.edit {
		}
			ul.panel-edit li.edit a {
				background-image: url('/treeline/img/icons/blue_edit.gif');
			}
		ul.panel-edit li.unedit {
		}
			ul.panel-edit li.unedit a {
				background-image: url('/treeline/img/icons/blue_edit.gif');
			}
		ul.panel-edit li.rejedit,
		ul.panel-edit li.noedit {
		}
			ul.panel-edit li.rejedit a,
			ul.panel-edit li.noedit a {
				background-image: url('/treeline/img/icons/blue_noaction.gif');
			}
		ul.panel-edit li.moveup {
		}
			ul.panel-edit li.moveup a {
				background-image: url('/treeline/img/icons/blue_moveup.gif');
			}
		ul.panel-edit li.moveup-hidden {
		}
			ul.panel-edit li.moveup-hidden a {
				background-image: url('/treeline/img/icons/blue_nomoveup.gif');
			}
		ul.panel-edit li.movedown {
		}
			ul.panel-edit li.movedown a {
				background-image: url('/treeline/img/icons/blue_movedown.gif');
			}
		ul.panel-edit li.movedown-hidden {
		}
			ul.panel-edit li.movedown-hidden a {
				background-image: url('/treeline/img/icons/blue_nomovedown.gif');
			}
		ul.panel-edit li.delete {
			float: right;
		}
			ul.panel-edit li.delete a {
				background-image: url('/treeline/img/icons/blue_delete.gif');
				margin-right: 0;
			}