body{
	margin:0;
	min-width:1000px;
	font:11px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#4e504f;
	background:#0079a7 url(../images/bg-body.gif) repeat-x;
}
a{
	color:#0f7eac;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

h1{padding:10px 0px 10px 0px; margin:0;}

h2{}

h3{}

.cboxelement{ text-decoration:none;
color:#fff;}

.bibel_ord {color:#333333; font-size:10px;}
  .bibel_link {font-size:9px; }
  .bibelnse_linkdiv {margin-top: 10px; display: inline;}
  .bibelnse_link {color:#6699cc;}

img{
	border:0;
}
form,
fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
.wrap-header{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-header.gif) no-repeat 50% 0;
}
#header{
	width:980px;
	height:123px;
	margin:0 auto;
}

.profile{
 padding:0;
 margin:0;
 float:left;
}

.header-top{
	height:74px;
	overflow:hidden;
}
h1.logo{
	float:left;
	display:inline;
	margin:4px 109px 0px 28px;
}
.logo a{
	display:block;
	width:344px;
	height:55px;
	background:url(../images/bg-logo.gif) no-repeat;
	text-indent:-9999px;
}
.header-box{
	float:left;
	width:300px;
	padding:8px 0 0;
	color:#0d171a;
}
.header-box a{
	color:#0d171a;
}
.header-box em{
	display:block;
	height:44px;
	width:300px;
	line-height:12px;
	font:10px Arial, Helvetica, sans-serif;

}
.header-box .links{
	width:174px;
	overflow:hidden;
}
.header-box .links .data{
	float:left;
	text-decoration:underline;
}
.header-box .links .bibein{
	float:right;
}
.main-nav{
	width:100%;
	overflow:hidden;
}
.nav{
	float:left;
	margin:0;
	padding:2px 0 0 30px;
	list-style:none;
}
.nav li{
	float:left;
}
.nav li a{
	float:left;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#084866;
	text-decoration:none;
	background:url(../images/divider-nav.gif) no-repeat 100% 100%;
}
.nav li a.last{
	background:none;
}
.nav li a:hover,
.nav li.active a{
	color:#fff;
	background:url(../images/bg-nav-l.gif) no-repeat;
}
.nav li a strong{
	float:left;
	height:22px;
	padding:0 14px;
	cursor:pointer;
}
.nav li a:hover strong,
.nav li.active a strong{
	background:url(../images/bg-nav-r.gif) no-repeat 100% 0;
}
.search{
	float:right;
	display:inline;
	width:176px;
	margin:2px 1px 0 40px;
	border:1px solid #b7a26f;
	background:#b7a26f;
}
.search .text{
	float:left;
	width:148px;
	padding:1px 0 1px 7px;
	margin:0 3px 0 0;
	border-style:solid;
	border-color:#fff;
	border-width:1px 0 0 1px;
	background:#e6e6da;
	color:#808079;
	font-size:12px;
}
.search .btn-search{
	float:left;
}
.language{
	float:right;
	margin:7px 0 0;
	padding:0;
	list-style:none;
}
.language li{
	display:inline;
}
.language .swedish{
	padding:0 1px 0 4px;
}
.sub-nav{
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.sub-nav li{
	float:left;
	display:inline;
	padding:0 17px 0 15px;
	margin:0 2px 0 -2px;
	height:24px;
	background:url(../images/divider-sub-nav.gif) no-repeat 0 100%;
}
.sub-nav li a{
	line-height:24px;
	color:#fff;
	text-decoration:none;
}
.sub-nav li a:hover{
	text-decoration:underline;
}


#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.wrap{
	float:left;
	left:50%;
	position:relative;
}
.holder{
	float:left;
	left:-50%;
	position:relative;
}
.wrap-main{
	width:1022px;
	overflow:hidden;
	background:url(../images/bg-wrapper.png) repeat-y;
}
#main{
	width:980px;
	padding:0 0 19px;
	margin:0 21px;
	overflow:hidden;
	text-align:left;
}
.main-holder{
	height:1%;
	padding:6px 0 0;
	overflow:hidden;
	position:relative;
	background:url(../images/bg-main-holder.gif) no-repeat;
}
#content{
	float:left;
	width:635px;
	overflow:hidden;
}
#content_map{
	float:left;
	width:635px;
	height: 500px;
}
.visual{
	height:1%;
	margin:0 0 21px;
	overflow:hidden;
	position:relative;
}
.slides{
	margin:0;
	padding:0;
	list-style:none;
	height: 290px;
	position: relative;
}
.slides li{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.slides img{
	float:left;
}
.slides li.active{
	
}
.prev-next{
	position:absolute;
	top:273px;
	right:7px;
	margin:0;
	padding:0;
	list-style:none;
}
.prev-next li{
	float:left;
	margin:0 3px 0 0;
}
.prev-next li a{
	float:left;
	width:16px;
	height:16px;
	text-indent:-9999px;
	cursor:pointer;
}
.prev-next li .prev:focus{outline:none;}
.prev-next li .prev{
	background:url(../images/bg-prev.png) no-repeat;
}
.prev-next li .next:focus{outline: none;}
.prev-next li .next{
	background:url(../images/bg-next.png) no-repeat;
}
.visual-nav{
	float:right;
	width:607px;
	padding:3px 0;
	background:url(../images/bg-visual-nav.gif) no-repeat;
	border-bottom:2px solid #ece5d4;
}
.visual-nav ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.visual-nav li{
	float:left;
	padding:0 0 0 4px;
}
.visual-nav li img{
	display:block;
}
.wrap-denna-veckan{
	height:1%;
	margin:0 0 0 31px;
	overflow:hidden;
	background:url(../images/wrap-denna-veckan.gif) repeat-y;
}
.denna-veckan{
	float:left;
	width:440px;
}


.wrap-news{
	height:1%;
	margin: 0 0 0 31px;
	padding: 0 0 0 21px;
	overflow:hidden;
	background:url(../images/wrap-news.gif) repeat-y;
}
.news_holder{
	float:left;
	width:540px;
	margin-top: 15px;
	margin-bottom:40px;
}

.newstop{
	margin-top: 10px;
	padding: 2px;
	background-color:;
	font:12px Arial, Helvetica, sans-serif;

}


hr.news_seperator{
	position: relative;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px white inset;
}


blockquote{
	font-size: larger;
	font-style: italic;
	color:black;
}

.side-box{
	float:right;
	width:150px;
}
.blue{
	font-size:15px;
	line-height:24px;
	font-weight:normal;
	padding:0 0 0 18px;
	color:#fff;
	margin:0;
	background:#139fd6 url(../images/bg-blue.gif) repeat-x 0 100%;
}
.denna-veckan ul{
	height:1%;
	overflow:hidden;
	margin:17px 18px 18px 17px;
	padding:0;
	list-style:none;
}

.denna-veckan a{
	text-decoration: none;
	font:11px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#4e504f;
}


.denna-veckan ul li{
	height:1%;
	overflow:hidden;
	padding:6px 0 8px;
	margin:-2px 0 2px;
	background:url(../images/bg-denna-veckan.gif) repeat-x;
}

#event{
	display: none;
}

.denna-veckan ul li:hover{
	height:1%;
	overflow:hidden;
	padding:6px 0 8px;
	margin:-2px 0 2px;
	color: #000000;
	background-color: #fff;;
}



.denna-veckan .title{
	height:1%;
	margin:0 0 2px;
	overflow:hidden;
}
.denna-veckan .title h3{
	float:left;
	font-size:16px;
	color:#d43c25;
	margin:0;
}
.denna-veckan .title .date{
	float:right;
	margin:3px 16px 0 0;
}

.denna-veckan .location{
	float:left;
	margin:0px 10px 0px 0px;
}

.denna-veckan .description{
	float:left;
	margin:0px 10px 0px 0px;
}

.denna-veckan p{
	float:left;
	padding:0;
	margin:0px 0px 0px 0px;
}


.denna-veckan .title .date em{
	padding:0 0 0 6px;
	margin:0 0 0 2px;
	font-style:normal;
	background:url(../images/divider-date.gif) no-repeat 0 3px;
}
.denna-veckan .pictures{
	float:left;
	margin:11px 0 0;
	padding:0;
	list-style:none;
}
.denna-veckan .pictures li{
	float:left;
	background:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #adada4;
}
.denna-veckan .pictures img{
	float:left;
}
.kalender{
	height:1%;
	overflow:hidden;
	margin:0 0 15px;
}
.kalender img{
	display:block;
}
.genvagar{
	height:246px;
	padding:8px 4px 0 16px;
	margin:0 0 33px;
	background:url(../images/bg-genvagar.gif) no-repeat;
}

* html .genvagar{
	height:146px;
}
.genvagar h3{
	font-size:16px;
	font-weight:normal;
	margin:0 0 6px;
}
.genvagar ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.genvagar ul li{
	float:left;
	width:100%;
	margin:0 0 6px;
}
.genvagar ul a{
	padding:0 0 0 15px;
	color:#4e504f;
	text-decoration:none;
	position:relative;
	height:1%;
	display:block;
	background:url(../images/bullit-genvagar.png) no-repeat;
}
.genvagar ul li a:hover{
	text-decoration:underline;
}

.genvagar_std{
	height:auto;
	padding:8px 4px 0 16px;
	margin:0 0 33px;
}

* html .genvagar_std{
	height:146px;
}
.genvagar_std h3{
	font-size:16px;
	font-weight:normal;
	margin:0 0 6px;
}
.genvagar_std ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.genvagar_std ul li{
	float:left;
	width:100%;
	margin:0 0 6px;
}
.genvagar_std ul a{
	padding:0 0 0 15px;
	color:#4e504f;
	text-decoration:none;
	position:relative;
	height:1%;
	display:block;
	background:url(../images/bullit-genvagar.png) no-repeat;
}
.genvagar_std ul li a:hover{
	text-decoration:underline;
}
.blue-box{
	height:1%;
	overflow:hidden;
	background:url(../images/bg-blue-box-t.gif) no-repeat;
}
.blue-box a{
	display:block;
	padding:12px 14px 9px;
	min-height:45px;
	font-size:18px;
	color:#99d3e7;
	text-decoration:none;
	background:url(../images/bg-blue-box-b.gif) no-repeat 0 100%;
}
* html .blue-box a{
	height:45px;
}
.blue-box span{
	color:#eac76b;
}
#sidebar{
	float:right;
	width:315px;
	padding:0 0 80px;
	overflow:hidden;
}
.pastord{
	margin:14px 15px 21px 30px;
	padding:0 17px 0 0;
	overflow:hidden;
	border-bottom:1px solid #0f80ae;
}

.standard_sidebar{
	height:1%;
	margin:14px 15px 21px 30px;
	padding:0 17px 0 0;
	overflow:hidden;
}

.standard_sidebar h2{
	font-size:24px;
	color:#fff;
	font-weight:normal;
	margin:12px 0 12px;
	line-height: 22px;
}
.standard_sidebar h2 strong{
	margin:14px 0 0;
	display:block;
	color:#2caacd;
	font:17px/18px Georgia, Times New Roman, serif;
}

span.dark {
	margin: 0;
	padding: 0;
	font-style: italic;
}

.pastord img{
	float:right;
	display:inline;
	margin:-2px -17px 0 0;
}
.pastord h2{
	font-size:24px;
	color:#fff;
	font-weight:normal;
	margin:12px 0 12px;
}
.pastord h2 strong{
	margin:14px 0 0;
	display:block;
	color:#2caacd;
	font:17px/18px Georgia, Times New Roman, serif;
}
.more{
	padding:0 0 0 13px;
	text-decoration:none;
	background:url(../images/bg-more.gif) no-repeat 0 50%;
}
.more:hover{
	text-decoration:underline;
}
.pastord p{
	line-height:13px;
	margin:0 0 7px;
}
.pastord p span{
	display:block;
	height:1%;
	overflow:hidden;
}
.mini-box{
	height:1%;
	padding:0 15px 0 30px;
	overflow:hidden;
}
.mini-box a{
	float:left;
	width:158px;
	margin:13px 0 0;
	font-weight:bold;
	color:#084866;
	font-size:15px;
	line-height:17px;
	text-decoration:none;
}
.mini-box a span{
	padding:0 19px 0 0;
	background:url(../images/pointers.gif) no-repeat 100% 50%;
}
.mini-box a:hover{
	text-decoration:underline;
}
.mini-box img{
	float:left;
}
.list{
	margin:19px 15px 44px 30px;
	padding:0;
	list-style:none;
	color:#004866;
}
.list li{
	margin:0 0 7px;
}

.news_prev{
	margin:0 10px 7px 0px;

}
.news_prev_text{
	margin:2px 30px 12px 8px;
	color: #4e504f;
	line-height: 18px;
	}

span.link_right{
	float:right;
	margin-right: 16px;
}


.wrap-pixxl{
	height:1%;
	padding:12px 2px 2px 29px;
	overflow:hidden;
}
.pixxl{
	height:1%;
	overflow:hidden;
	background:#0f80ae url(../images/bg-pixxl.gif) repeat-x;
}
.pixxl ul{
	float:left;
	margin:0;
	padding:5px 0 3px 4px;
	list-style:none;
	background:#fff;
}
.pixxl ul li{
	float:left;
	margin:0 4px 0 0;
}
.pixxl ul li img{
	float:left;
}
.pixxl-text{
	height:1%;
	padding:0 0 2px 29px;
	overflow:hidden;
	font-size:10px;
	color:#fff;
}
.secondhand{
	position:absolute;
	bottom:0;
	right:29px;
}
#footer{
	width:931px;
	padding:4px 53px 35px 36px;
	margin:0 auto;
	overflow:hidden;
	font-size:9px;
	color:#4a4742;
	background:url(../images/bg-footer.png) no-repeat;
}
.copy{
	float:left;
	width:460px;
	text-align:left;
}
.copy address{
	display:inline;
	font-style:normal;
}
.wrap-design{
	float:right;
	width:460px;
	text-align:right;
	color:#886d48;
}
.design{
	padding:0 8px 0 0;
	margin:0 2px 0 0;
	background:url(../images/bg-design.gif) no-repeat 100% 50%;
}
.design a{
	padding:0 0 0 5px;
	margin:0 0 0 2px;
	background:url(../images/bg-slash.gif) no-repeat 0 50%;
	color:#886d48;
	text-decoration:none;
}
.design a:hover{
	text-decoration:underline;
}








/* ADMIN */

.logout
{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 8;
	color: #000;
	background-color: #fff;
	border: 1px dotted black;
	padding: 5px;
	margin: 5px;
	
}

.adminbox
{

	border: 1px dotted black;
}

.adminbox_clear
{
	position: relative;
	padding: 4px;
	margin-top: 5px;
	text-align: left;
	border: 1px dotted black;
}

.adminbox_adder_clear
{
	position: relative;
	padding: 4px;
	margin-top: 20px;
	text-align: left;
	border: 1px dotted black;
}

.adminbox a
{
	color: #000;
	font-size: 10px;
}
adminbox img, .box .adminbox img
{
	vertical-align: middle;
	margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}
.admin_edit
{
	text-decoration: none;
}
body.mceContentBody {
   	background: #FFFFFF;
}








#contactleft
{
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
#contactleft fieldset
{
	height: 260px;
}
#contactright
{
	width: 200px;
	float: left;
	margin-bottom: 10px;
}
#contactright fieldset
{
	height: 260px;
}
#contactbottom
{
	clear: left;
	width: 400px; 
	text-align: right;
	margin-bottom: 10px;
}
input:focus, textarea:focus {
	background: #ccffff;
	color: #000;
}








/* PORTFOLIO */


ul.portfolio {
	color: #000;
	list-style: none;
	font: bold 1em/1.2em "Lucida Grande", Helvetia, Sans-serif;
	float: left;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

ul.portfolio li {
	margin-bottom: 5px;
	line-height: 0.8em;
	padding: 0 22px 12px 0px;

}

ul.portfolio li a img {
	display: block;
	padding: 5px;
	margin-top:4px;
	background-color: #fff;
}

.mapsection {
    font-family: Tahoma;
    font-size: 12px;
}

.mapitem {
	font-family: Tahoma;
	font-size: 10px;
}

#thumb {

}

#hide {
	display: none;
}










/*Eventlist*/

#page-wrap                  { width: 690px; margin: 20px auto; }


.discounted-item            { width: 100%; margin: 0 0 10px 0; position: relative; cursor: pointer;
                              height: auto; }

.discount-bar               { padding: 10px 0 10px 150px; font: italic 18px Georgia, Serif; }
.discount-bar strike        { color: #999; padding: 0 5px; }
.discount-bar span          { font: bold 18px Helvetica, Sans-Serif; }

.reasonbar                  { padding: 4px 0 4px 150px; overflow: hidden;
                              width: 540px; color: white; }
                 
.prod-title                 { width: 49%; float: left; font: bold 17px Helvetica, Sans-Serif; }
.reason                     { width: 49%; float: right; text-align: right; text-transform: uppercase; 
                              letter-spacing: 2px; padding: 0 5px 0 0; }
                              
.discounted-item img        { position: absolute; top: 0; left: 0; }

.reduced                    { border: 2px solid #A34427; }
.reduced .reasonbar         { background: #A34427; }
.reduced .discount-bar      { color: #A34427; background: white; }

.freeshipping               { border: 2px solid #8B3C2A; }
.freeshipping .reasonbar    { background: #8B3C2A; }
.freeshipping .discount-bar { color: #8B3C2A; background: white; }

.limited                    { border: 2px solid #D18D4D; }
.limited .reasonbar         { background: #D18D4D; }
.limited .discount-bar      { color: #D18D4D; background: white; }

.discontinued               { border: 2px solid #80401D; }
.discontinued .reasonbar    { background: #80401D; }
.discontinued .discount-bar { color: #80401D; background: white; }

.webonly                    { border: 2px solid #B37141; }
.webonly .reasonbar         { background: #B37141; }
.webonly .discount-bar      { color: #B37141; background: white; }

.buynow                     { position: absolute; bottom: -13px; left: 126px; }

.current                    { font-weight: bold; font-size: 15px; }























/* PHP Event Calendar CSS */




#calendar a { text-decoration: none; color: #333; }
#calendar a:hover { text-decoration: none; }

#calendar h1 { font:30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:10px 0 0 0; margin: 0; }
#calendar h2 { font:15px Arial, Helvetica, sans-serif; padding-bottom: 3px; margin-bottom: 0; }

.cal_list { margin: 0 auto; width: 380px; padding: 10px; background-color: #fff; }

#event_row { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
#event_row_last { padding-bottom: 5px; }

#calendar, { margin: 0 auto;margin-bottom: 15px; width: 440px; overflow: hidden; }
#calendar, { background-color: #fff; border: 1px solid #cbcbcb; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#calendar_wrap { width: 552px; margin-left: 5px; margin-bottom: 6px; overflow: hidden; text-align: left; }
#calendar_wrap .title_bar {background-color:#fff;font-weight: bold; color: #1C1C1C; text-align: center;  border:1px inset #fff; margin-bottom:15px; margin-top:10px; }
#calendar_wrap .title_bar .previous { float: left; display: block; width: 25px; height: 20px; background: url(../calendar/assets/previous_month.gif) left top no-repeat; margin-top:10px; margin-left:10px;  }
#calendar_wrap .title_bar .next { float: right; display: block; width: 25px; height: 20px; background: url(../calendar/assets/next_month.gif) right top no-repeat; margin-top:10px; margin-right:10px;  }
#calendar_wrap .title_bar .month {  width: 800px; margin:10px auto; padding-bottom:0 !important; padding-bottom:10px; }
#calendar_wrap .title_bar h2 { font-size: 16px;     }

.cal_day { position: relative; float: left; margin: 0 4px 4px 0 !important; margin:0 4px -24px 0; width: 88px; height: 75px; background: url(../calendar/assets/day_blue.png) top no-repeat; }
.cal_day .day_heading { position: relative; float: left; width: 40px; height: 12px; padding: 5px; text-transform: uppercase; font: 10px Arial; color: #FFF; }
.cal_day .day_count { position: relative; float: right; width: 0px; text-align: right; height: 15px; padding: 0px; font: 10px Arial, sans-serif; color: #FFF; }
.cal_day .day_number { width: 100%; font: 32px Arial; font-weight: bold; color: #2b2b2b; height:95px; text-align: center; z-index:999; clear:left; }
.cal_day .day_number.today { color: #08c; }

span.event { font: 9px Arial; width:50px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 2px; margin-left: -54px; z-index: 9999; padding:2px 0 !important; padding:1px 0 1px; display:inline-block; text-align:center; background-color: #000; opacity:0.4; filter:alpha(opacity=40); -moz-border-radius: 4px; -webkit-border-radius:4px; }

#calendar .the-events{ margin-left: 20px;}
#calendar ul.upcoming-events { margin: 5px 0; padding:0; }
#calendar ul.upcoming-events li { font-size: larger; line-height: 25px; border-bottom: 1px dotted #ccc; list-style: none; }
#calendar ul.upcoming-events li a { color: #08c; text-decoration: none; display: block; }
#calendar ul.upcoming-events li a:hover { text-decoration: none; color:#333; background: #FFF url(../calendar/assets/pencil.gif) right center no-repeat; }
span.upcoming-date { color:#999; }





/* Ajaxforms */

#FormContainer {           /*Centers the FormContainer div for this example. See other rules for this div in the EA_Form.css file*/
		  margin-left: 10px;
		  margin-right: auto;
	  }
	  #FormContainer p {
		  text-align:center; 
		  margin-bottom: 2em;
	  }
	  #FormContainer h1 {		  
		  text-align: center;
		  font-size: 1.6em;
		  color: #148C14;
		  margin-bottom: 0;
		  font-weight:bolder;
	  }		
	  .req_input {		
		  color: red;	
		  font-size: .8em;
	  }
	  label {                     /*Gives consistent width to all form labels.*/
		  display: block;
		  width: 165px;
		  margin-bottom: .5em;
	  }
	  input[type="text"], select {   /*input[type="text"] not supported in IE6, text input will display at default IE6 width*/
		  width: 140px;	
	  }
	  textarea {
		  width: 340px;
		  height: 100px;
		  margin-bottom: .6em; /*Gives proper spacing to last input field in this example.*/
	  }
	  #SubmitButton {     /*Pushes the submit button under the last input area (in this case the <textarea> and aligns it*/
		  clear: both;
		  margin-left: 0px;
		  margin-top: 1em;
	  }
	  
	  @charset "utf-8";

/*
*
* NOTE: PLEASE LEAVE THIS NOTE IN YOUR PROJECT IF YOU USE THE PROVIDED ERROR MESSAGE IMAGE 
*
* Error message image (triangle with exclamation point) is modified version of the 		
* original created by Mark James as part of his Silk icon theme. 
* 
* Please see http://www.famfamfam.com/lab/icons/silk/ for more info. 
*
*/


/*
*
* Thank you for purchasing EasyAjax_Form. 
* 
* Please review the following notes before implementing into your project.  
* Your form will work well without changing a thing but I designed this tool
* so every designer could make it their own. 
*
* Make sure not to change the selector names of the required CSS rules 
* (.FAIL, #FORM_LOAD, etc) but feel free to test away with 
* new delcarations (property:value;).  If you would like to change the 
* selector names, see the advanced customization options in the 
* documentation.
*
* John Stevens
* JJStevens17@gmail.com
*
*/




/*
*
* Reccomended CSS for the EasyAjax_Form
*
*/


#FormContainer {		/*This is the parent of the <form>, usally a wrapping div.  Name it whatever you want, but keep in mind the following*/
	position:relative;		/*NOTE: You need to give this element a positioning context to constrain the loading overlay (during ajax)*/
	padding: 10px 5px;	    /*NOTE: Left and right padding on this element is reccommended for responses from the server side script.*/ 
	margin: 0;
	min-height:500px;       /*NOTE: Using a min-height on this element looks better when the ajax loading overlay is applied.  Not supported in ie6*/
	width: 520px;           /*Use width to make room for validation error messages*/
	/*-moz-border-radius: 8px;*/      /*NOTE: these border radius rules are optional and not supported by internet explorer*/
	/*-webkit-border-radius: 8px;*/
}

* html #FormContainer{   /*IE6 CSS fix as IE6 does not support min-height*/		 
	height:500px;
	overflow: auto;    /*You may want to do overflow:hidden depending on the project.*/
}

input, textarea, select {  /*Reccomended in order to align validation pass/fail messages next to each form field.  You can also style each individual field with a float: left.  If left out, error message will fall below the field.*/
	float: left;
	
}

label {                /*Not always needed but required if you use the example markup*/
	clear: both;
	float: left;
}

form {                    /*Not always needed but ensures that your form will fade properly during Ajax communication*/
	display: inline-block;
}

.captchaIMG {      /*Required for human checker field.*/
	background:transparent url(../../modules/ajaxform/images/EA_Form_RUhuman1.png) no-repeat scroll 0 0;  /*Replace this image with any you'd like to use (20px X 70px)*/
	display:block;
	float:left;
	height:20px;
	margin-left:15px; /*Optional*/
	margin-top:2px;  /*Optional*/
	width:70px;
}


/*
*
* Required CSS for the EasyAjax_Form 
*
*/



.AJAX_TIMEOUT {		/*Style Ajax timeout error*/
	font-weight: bold;
	color: red;
}

.AJAX_RESPONSE {		/*Style successful responses from server side script*/
	font-weight: bold;	
}

#FORM_LOAD {		/*This acts as a modal type overlay added during ajax processing. It's attached to the form's parent element.*/
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	height: 100%;
	width: 100%;
	background: url(../../modules/ajaxform/images/EA_Form_Load.gif) no-repeat center;    /*NOTE: CUSTOMIZE YOUR LOADING IMAGE AT www.ajaxload.info */
	background-color: #545454;        /*Take out background-color and opacity rules (the next three) to remove the 'modal' overlay.  Will only show icon*/
	opacity: .55;                     /*Adjust opacity of the overlay with the following three rules*/
	-moz-opacity:0.55;
	filter:alpha(opacity=55);
	/*z-index:1001;*/		          /*NOTE: z-index may need to be used if you are using serveral absolutely placed elements*/
	/*-moz-border-radius: 8px;*/      /*NOTE: these border radius rules are optional and not supported by internet explorer*/
	/*-webkit-border-radius: 8px;*/
}

.PASS {		/*Class that is added if input for this field is valid*/
	background: url(../../modules/ajaxform/images/EA_Form_Pass.png) no-repeat scroll 0 0;
	height:16px;					/*height should be equal to the height of your validation pass imaage*/
	margin-left:7px;                
	width:23px;						/*width needs to accomodate your validation pass image.*/
	float:left;                    
}

.FAIL {		/*Class that is added if input for this field is not valid*/
	background: url(../../modules/ajaxform/images/EA_Form_Error.png) no-repeat scroll 0 0;  /* KEEP THIS NOTE: Image modified from the silk icon theme by Mark Jackson*/
	color:red;
	font-size: 11px !important;     
	height:16px;
	margin-left:7px;
	padding-left:20px;       /*Padding should be equal to the width of your error image plus whatever padding between the image and error message.*/
	float:left;
}

/*
*
* Required IE6 fixes  
*
*/

* html #FORM_LOAD {
	height: 488px;		/*
						* NOTE: Width and height may have to be set for this IE6 fix.  Unfortunately you will have to some testing here.  
						* IE6 will be dead soon!  Without setting the width, you may get a small gap in your ajax overlay on ie6.
						*/
      
}


/*
*
* Style EasyAjax Form Class Markers.
*
* All remaining EasyAjax Form classes are used primarily as markers for the EA_Form javaScript Object but
* you can also give them CSS values to visually group fields that are alike.  Any marker class that you 
* add to the html class attributes for input fields (including textarea, select, etc.) can be used in this way.
*
*/

.REQUIRED {                   
	background: #ffffe6;  
	border: solid 1px #CCC;
}

.OPTIONAL {
	background: #fafafa;
	border: solid 1px #CCC;
}