/* ISF - INTERNATIONAL SCHOOL OF FORAMINIFERA Stylesheet
 * © Copyright 2013, ISF
 * Intelectual Property not for redistribution

------------------------------------
Author: Michael Kaminski  
Contact: 

Amendments: -----
Contact: ------
------------------------------------

*/


/*  SECTIONS  */

.isf {
	margin-left: 5px;
	margin-right: 5px;
}

.isf .section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.isf .col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
 0px 2px 2px rgba(0,0,0,0.1);
 border-radius:6px;
}
.isf .col:hover {
background: #c6e1ec;
cursor:pointer;
}

.isf .col img {
width: 85%;
border-radius:50%;
padding-bottom:15px;  
	
	
}

.isf .col h2 { text-align: center;
color:#3d7489;
}
.isf .col h3 { text-align: center;
font-weight:100;}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


/*--------------------------------------------------
	     Page Properities & Elements
----------------------------------------------------*/ 

#Page-layout{ margin-right:auto;
	margin-left:auto;
	width:980px;
	
	background:#FFF;
	
	}


#Header-main { margin-right:auto;
	margin-left:auto;
	width:980px;
	height: 450px;
	/*box-shadow: 10px 10px 5px #888888;
	-moz-box-shadow: 10px 10px 5px #888888;
	-webkit-box-shadow: 10px 10px 5px #888888;
	-o-box-shadow: 10px 10px 5px #888888;*/
	background:#FFF;
	margin-top: 20px;
	position:relative;}
	

	
.titlebar{ background-color: rgba(0,0,0,.8);
	width: 100%;
	
	
}

.menubar {
	position: absolute;
	top: 450px;
	left: 0px;
}

#ifielt8 {
	position:absolute;
	top: 0px;
	left:0px;
	height: 1400px;
	width: 100%;
	background: #000000;
	filter:alpha(opacity=90); /* For IE8 and earlier */
	z-index:99999999999999999999;

}

.ifielte8 {
	margin-left:auto;
	margin-right:auto;
	position: absolute;
	top: 50px;
	left:35%;
	height: 400px;
	width: 500px;
	background: #FFF;
	border: solid 5px #666;
	z-index:999999999999999999991;
	filter:alpha(opacity=99); /* For IE8 and earlier */

	
	
}

.ifielte8 p{ 	
	font: normal 13px "Arial", Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	
}

.ifielte8 h5 {
	font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	border-bottom: solid 2px #666666;
}
	
.ifielte8 a {
	color:#333;
	font-weight:900
	
}

.ifielte8 a:hover { color: #666;}
/*--------------------------------------------------
	          Text Themes and Styles
----------------------------------------------------*/

.pagefont{text-indent: 7px;

}

.titlefont{color:#EAC117;
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
 	text-transform: none;
}


/*--------------------------------------------------
	              Header Properities
----------------------------------------------------*/

/* --- Defines Logo top container --- */
#Headerlg{
	background: #000000;
	filter:alpha(opacity=42); /* For IE8 and earlier */
	background: rgba(0,0,0,.42);
	Width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;
	cursor:pointer;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 75px;
	top: 0px;
	z-index: 100;
	border-bottom: solid;
	border-color: rgba(0,0,0,.22);
}


.positionhl { 
	position: relative; 
	left: 10px; 
	top:70px;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */

}
.positionh2 { 
	position: relative; 
	left: 18px; 
	top:4px;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */

}

.positionhl:hover {	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.positionh2:hover {	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* --- Defines social button bar  --- */
#Header-bar{
	background: #000000;
	filter:alpha(opacity=42); /* For IE8 and earlier */
	background: rgba(0,0,0,.42);
	Width: 400px;
	height: 40px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 579px;
	top: 410px;
	z-index: 100;
	border-top: solid;
	border-left: solid;
	border-color: rgba(0,0,0,.22);
	
}



#menu-button {
	z-index:1000;
	position: absolute;
	top:400px;
	left:0px;
	font-size:1.2em;
}
#head-fill{
	background: #000000;
	filter:alpha(opacity=42); /* For IE8 and earlier */
	background: rgba(0,0,0,.42);
	Width: 75px;
	height: 40px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-bottom: solid;
	border-color: rgba(0,0,0,.22);
	z-index: 100;
	
}

#Header-title{
	background: #000000;
	filter:alpha(opacity=42); /* For IE8 and earlier */
	background: rgba(0,0,0,.42);
	Width: 420px;
	height: 40px;
	position: absolute;
	left: 275px;
	top: 0px;
	border-bottom: solid;
	border-right: solid;
	border-color: rgba(0,0,0,.22);
	z-index: 100;
}

.hb-text, .hb-text1  {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline-table;
	color:#fff;
	padding-bottom: 0px;
	margin-left: 15px;
	margin-top: 0px;
	padding: 11px 11px 11px 0px;
	
}
.hb-text1  {padding-left:5px}

.hb-text1:hover{
	background: rgba(247, 243, 7, .42);
	
	padding-right:5px;
}

.position-hb1 {
	position: absolute;
	left: 170px;
	top:-2px;
	display: inline-table;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
	cursor:pointer;
	
}

.position-hb2 {
	position: absolute;
	left: 220px;
	top:-2px;
	display: inline-table;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
cursor:pointer;
}

.position-hb3 {
	position: absolute;
	left: 270px;
	top:-2px;
	display: inline-table;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
cursor:pointer;
}
.position-hb1:hover , .position-hb2:hover , .position-hb3:hover {  opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }

#Header3-text{
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
 	text-transform: uppercase;
	padding-top: 3px;
	margin-left: 3px;
	width: 400px;	
	display: inline-table;
	vertical-align: middle;
	color: #FFF;
	padding-left: 5px;
}

#Header3-text a:hover{color:#EAC117; cursor:pointer; }

#Search-bar {
	padding-right: 60px;
	background: none;
	width: 599px;
	display: inline-table;
	vertical-align: middle;
	position: absolute;
	left: 596px;
	top: 2px;
}


/*---------------------------------------------------
	             Footer properties 
---------------------------------------------------- */ 



.footer {
	margin-left:auto;
	margin-right: auto;
	background-image:url(../images/photoshop%20files/footerbackground.png);
	background-repeat:no-repeat;
	z-index: 900;
	position: fixed;
	height:150px;
	width:980px;
	bottom:0px;
	/*box-shadow: 10px 0px 5px -2px #888888;
	-moz-box-shadow: 10px 0px 5px -2px #888888;
	-webkit-box-shadow: 10px 0px 5px -2px #888888;
	-o-box-shadow: 10px 0px 5px -2px #888888;*/
}

.footer p{
	margin-left:5px;
	bottom:1px;
	position: fixed;
	color:#CCCCCC;
}

.footer a:hover{
	color: rgba(247, 243, 7, 1);
}
  
/*---------------------------------------------------
	             Navbar Content Slider 
---------------------------------------------------- */ 
 .container {
	position: absolute;
	top: 50%;
	left: 470px;
	margin: -300px 0 0 -470px;
	top: 300px;
	/*box-shadow: 10px 0px 5px -2px #888888;
	-moz-box-shadow: 10px 0px 5px -2px #888888;
	-webkit-box-shadow: 10px 0px 5px -2px #888888;
	-o-box-shadow: 10px 0px 5px -2px #888888;*/
	
}  

 Controls image and styles of Content slide on Navbar --!>

.content { background: url(../dummy-images/coffee.jpg); } /*content block needs a background*/
.content h1 {
	font-size: 40px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center;
	margin-top: 180px;
	color: #222;
	line-height: 50px;  }
.content h3 {
	text-align: center; 
	font-size: 22px; 
	color: #222; }
	
/*-----------------------------------------------------
	           Body Properties
------------------------------------------------------ */	

#b-content{
	width:100%;
	height: auto;
	min-height: 700px;
	background: #fff;	
	position: relative;
	top: 450px;
	/*box-shadow: 10px 0px 5px -2px #888888;
	-moz-box-shadow: 10px 0px 5px -2px #888888;
	-webkit-box-shadow: 10px 0px 5px -2px #888888;
	-o-box-shadow: 10px 0px 5px -2px #888888;*/
	background:#FFF;
	margin-right:auto;
	margin-left:auto;
	
}

#b-content p{ 
	margin-left: 8px;
	margin-right:8px;
	font-family:"Arial", Gadget, sans-serif;
	font-size:14px;
}

 li p{ 
margin-left: 8px;
	margin-right:8px;
	font-family:"Arial", Gadget, sans-serif;
	font-size:14px;
}

#b-content th {
	font-weight:normal;
	text-align:left;
	
}

#b-content a{
	color:#333333;
	font-weight:bold;

}

#b-content a:hover{
	text-decoration:underline;
	
}
h1 {
	padding-top: 15px;
	margin-left: 8px;
	margin-right:8px;
}

hr{width:97%;}

ul.pdf {
	
	list-style-image:url(../images/social%20media/depositphotos_23163768-Pdf-symbol.jpg);
	
}

ul.pdf p {
	padding-bottom: 2.5px;
	
}
.text p{
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.isftable {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	vertical-align:middle;
	align: center;
	border-left: solid 2px #999;
	border-right: solid 2px #999;
}

.isftable th p {
	text-align:center;
	vertical-align:middle;
	align: center;
}
.isftable th img {
	text-align:center;
	vertical-align:middle;
	align: center;
	display:block;
	margin: 0 auto;
}

/*-----------------------------------------------------
	           Accordions CSS
------------------------------------------------------ */


.ac-container{
	width: 900px;
	margin: 10px auto 30px auto;
	text-align: left;
	
}



.ac-container label{
	font-family: 'BebasNeueRegular', 'Arial', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 40px;
	cursor: pointer;
	color: #333;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
	line-height: 33px;
	font-size: 19px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/photoshop%20files/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images//photoshop%20files/arrow_up.png);
}
.ac-container input{
	display: none;
}

.ac-container input{
	display: none;
}

.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 5px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 900px;
}
.ac-container input:checked ~ article.ac-large{
	height: 805px;
}
.ac-container input:checked ~ article.ac-large2{
	height: 830px;
}
.ac-container input:checked ~ article.ac-large3{
	height: 980px;
}

.ac-container input:checked ~ article.ac-reg{
	height: 1020px;
}

.ac-container input:checked ~ article.ac-auto{
	height: auto;
}


/*-----------------------------------------------------
	           Image Caption CSS3
------------------------------------------------------ */

#imgcapt-position {
	position:absolute;
	left: 10px;
	top: -22px;
	height: 300px;
}


#mainwrapper {
	font: 10pt normal Arial, sans-serif;
	height: auto;
	margin: 80px auto 0 auto;
	text-align: center;
	width: 660px;
}

/* Image Box Style */
#mainwrapper .box {
	
	
	height: 256px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	width: 200px;
		/*-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;*/
}
#mainwrapper .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	left: 0px;
	top: -20px;
}

/** Caption 3: Fade **/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 170px;
	height: 256px;
	text-align: left;
	padding: 15px;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

/** Full Caption :hover Behaviour **/
#mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}
	
/*--------------------------------------------------
	     Forms login and registration design
----------------------------------------------------*/ 


.link { text-align: center; clear: both; padding: 20px 0; }
.link a { color: #333333; }

.wrapper {
	width: 960px;
	margin: 50px auto;
}

/* Form 1 style */

.form1 {
	width: 450px;
	float: left;
	background: #fff;
	color: #777;
	-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
	-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
	box-shadow: 0px 0px 8px 2px #d1d1d1; 
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	overflow: hidden;
}

.formtitle {
	padding: 10px;
	line-height: 16px;
	font-size: 13px;
	text-shadow: -1px -1px #e87c19;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #eb8d19;
	width: 800px;
	background: #ffbd27; /* Old browsers */
	background: -moz-linear-gradient(top, #ffbd27 0%, #ffb119 50%, #ff9d19 51%, #ff9d19 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd27), color-stop(50%,#ffb119), color-stop(51%,#ff9d19), color-stop(100%,#ff9d19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffbd27 0%,#ffb119 50%,#ff9d19 51%,#ff9d19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffbd27 0%,#ffb119 50%,#ff9d19 51%,#ff9d19 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffbd27 0%,#ffb119 50%,#ff9d19 51%,#ff9d19 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbd27', endColorstr='#ff9d19',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffbd27 0%,#ffb119 50%,#ff9d19 51%,#ff9d19 100%); /* W3C */
}

.input {
	width: 410px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtext {
	float: left;
	line-height: 18px;
	height: 35px;
	font-size: 14px;
	width: 120px;
}

.inputcontent {
	float: left;
	width: 290px;
	height: 50px;
}

.inputcontent input {
	padding: 5px;
	height: 18px;
	width: 200px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #777;
}

.inputcontent a {
	color: #0084ff;
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
}

.nobottomborder {
	border-bottom: 0;
}

.buttons {
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	padding: 15px;
	height: 50px;
}

.greybutton {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #bababa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* W3C */ 
	border: 1px solid #bababa;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #bababa;
	float: right;
	margin-left: 10px;
	
	cursor: pointer;
}

.greybutton:hover{
	background: #bababa; /* Old browsers */
	background: -moz-linear-gradient(top, #bababa 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* W3C */ 
}

.orangebutton {
	background: #ffc339; /* Old browsers */
	background: -moz-linear-gradient(top, #ffc339 0%, #ff9b19 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc339), color-stop(100%,#ff9b19)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* IE10+ */








	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc339', endColorstr='#ff9b19',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffc339 0%,#ff9b19 100%); /* W3C */
	border: 1px solid #ff9b19;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #ff9b19;
	margin-left: 10px;
	cursor: pointer;
	position: absolute;
	left: 776px;
	top: 790px;
}

.orangebutton:hover{
	background: #ff9b19; /* Old browsers */
	
	background: -moz-linear-gradient(top, #ff9b19 0%, #ffc339 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9b19), color-stop(100%,#ffc339)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b19', endColorstr='#ffc339',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ff9b19 0%,#ffc339 100%); /* W3C */
}

/* Form 2 Style */

.form2 {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
	color: #777;
	-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
	-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
	box-shadow: 0px 0px 8px 2px #d1d1d1; 
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	overflow: hidden;
	
}

.textarea {
	padding: 5px;
	height: 250px;
	width: 600px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #777;
}

.inputtextbox {
	width: 800px;
	height: 290px;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtextbox .inputcontent {
	height: 114px;
}