/* box style */

.box_container{
        text-align: left;
		border: 1px solid #ddd;
		/*width:280px;
		height:220px;*/
		/*padding-top: 4px;*/
		-moz-border-radius:5px;
		border-radius:5px;
		box-shadow:2px 2px 2px #999;
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.box_container_header{

		font-weight: bold;
		padding: 6px 15px;
		font-size: 1.1em;
        color: #333;
		background-color: #eee;
		border-bottom: 2px solid #ddd;
	}

	.box_container_content{
		padding: 5px 15px;
	}


/* main "section" css */

.sectionWrapper {
	/*padding: 0 17px;*/
	margin: 0 17px 15px 0px;

	/*border:1px solid #C0C0C0;*/
	border-bottom: 5px solid #C0C0C0;

	-webkit-box-shadow: 3px 2px 5px 0px rgba(50, 50, 50, 0.23);
	-moz-box-shadow:    3px 2px 5px 0px rgba(50, 50, 50, 0.23);
	box-shadow:         3px 2px 5px 0px rgba(50, 50, 50, 0.23);


	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.sectionContainer {
	/*clear: both;*/
	/*overflow: hidden;*/
    background-color: white;
}

.sectionTitle {
	height:25px;
	line-height: 25px;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;
	/*width: 100%;*/
	display: block;

	/*background: #6099AF;*/
    /*31758E*/
    background: #688794;

	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;

}

.sectionTopMessage { padding: 5px; margin: 0; font-size:12px; }
.sectionTopMessage i { margin:3px 5px; }
.sectionInfo { color: #00529B; background-color: #BDE5F8; }
.sectionSuccess { color: #4F8A10; background-color: #DFF2BF; }
.sectionWarning { color: #9F6000; background-color: #FEEFB3; }
.sectionError { color: #D8000C; background-color: #FFBABA; }

.sectionContent {
	/*overflow: hidden;*/
	border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}

.sectionButtons { text-align:right; border-top:1px solid lightgrey; background: whitesmoke; }
.sectionButtons ul { text-align: right; padding:0 0 5px 0; margin:0; }
.sectionButtons ul li { list-style:none; margin:5px 5px 0 0; }


/*centers div elements to center of page - also responsive*/
.display_center {
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}