body
{
background-color:white;
font-size:13px;
font-family:arial;
color:rgb(96,96,96);
background-image:url('/Content/image/bg2_new.jpg');
background-repeat:repeat-x;
margin:0;
padding:0;
}

img
{
  padding:0;
  margin:0;
}

.header
{
position:absolute;bottom:0;right:-40px;
}

.header > div
{
float:right;
width:80px;
background-color:#3E497C;
text-align:center;
color:white;
padding:4px;
margin:0 0 0 1px;
font-weight:bold;
font-size:11px;
}
.header > div > a
{
color:white;
text-decoration:none;
}
.header > div > a:hover
{
text-decoration:underline;
}

#errlbl
{
	padding-bottom:2px;
}

.infolink
{
color:rgb(96,96,96);
font-weight:bold;
}

.seperator
{
border:0 none;
color:#d8e3d9;
background-color: #d8e3d9;
height:1px;
margin-top:20px;
margin-bottom:20px;
}

.getphone
{
	padding-bottom:5px;
}

.leftimage
{
width:200px;
float:left;
vertical-align:top;
}
.lefttext
{
width:360px;
float:left;
}

.leftcontent
{
width:560px;
float:left;
}

.rightcontent
{
width:220px;
float:right;

}

.wrapper
{
margin:auto;
width:900px;
background-color:white;
background:url('/Content/image/wrapper_filler.png') repeat-y transparent;
min-height:700px;
}

.logo
{
position:relative;
padding:20px 0 0 0;
background-color:white;
text-align:left;
width:800px;
margin:auto;
}

.main	
{
width:880px;
height:200px;
background-color:white;
text-align:left;
padding:0;
clear:both;
margin:auto;
position:relative;
}

.mainbox
{
float:right;
width:490px;
margin:40px 40px 0 0;
padding:8px;
background-color:#ffffff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#text {position:absolute; top:0; right:0; width:490px;height:140px;background:#fff;margin:30px 40px 0 0;}
#text {filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;
}
#words {position:absolute; top:0; right:0; width:470px;height:130px;background:transparent; margin:38px 50px 0 0;}



.maintext
{
color:black;
}

.bottom
{
background-color:white;
width:800px;
text-align:left;
padding:20px 0 50px 0;
clear:both;
margin:auto;
}

#nav
{
background-color:white;
width:800px;
text-align:left;
clear:both;
margin:auto;

}

.screenshot
{
	text-align:center;
	margin:0 5px 16px 0;
	float:left;
}

#footer
{
	text-align:right;
	background:url('/Content/image/footer_filler_2_1.jpg') no-repeat;
	width:880px;
	padding:20px 10px 0 10px;
	margin:auto;
}

#footer a
{
	color:black;
	text-decoration:none;
}



.small
{
font-size:0.8em;
}

.s1
{
	font-weight:bold;
	font-size:1em;
	font-family:arial;
	color:rgb(85,85,85);
}

.demo
{
padding:10px 0 20px 0;
color:black;
text-align:left;
}

li
{
margin-bottom:0.1em;
font-weight:bold;
}

ul
{
padding-left:30px;
}

.errbox
{
	background-color:red;
	color:white;
	padding:2px;
	margin-bottom:4px;
}

h1
{
	font-size:1.8em;
	margin-top:0px;
	color:#3E497C;
	font-weight:normal;
}

h2
{
	font-weight:normal;
	color:#3E497C;	
	margin:0 0 6px 0;
}

h3
{
	font-size:1.4em;
	margin:0 0 10px 0;
	font-weight:bold;
}

.kestirme
{
}

.info
{
	float:left;
	font-size:11px;
}

.info a
{
	color:black;
}



.mainbox
{
	text-align:left;
}
.aciklama
{
	font-size:0.8em;
	line-height:1.6em !important;
}

.err
{
	color:red;
	font-weight:bold;
}

.tb
{
text-align:left
}

.left
{
	float:left;
	margin-left:30px;
}

ul
{
	margin:0px;
}

.clearleft
{
	clear:left;
}

.clearboth
{
	clear:both;
}

.otele-left
{
	padding-left:20px;
}

.otele-top
{
	padding-top:30px;
}

/* ROUNDED CORNER */
.spiffyheader
{
	background-color:#222da1;
	padding:0px 20px 0px 20px;
	color:white;
	font-size:0.8em;
	text-align:center;
}
.spiffyb{display:block}
.spiffyb *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#222da1}
.spiffyb1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #859bd0;
  border-right:1px solid #859bd0;
  background:#4d5db5}
.spiffyb2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #bfdaeb;
  border-right:1px solid #bfdaeb;
  background:#4351b0}
.spiffyb3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #4351b0;
  border-right:1px solid #4351b0;}
.spiffyb4{
  border-left:1px solid #859bd0;
  border-right:1px solid #859bd0}
.spiffyb5{
  border-left:1px solid #4d5db5;
  border-right:1px solid #4d5db5}

  
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e4f5f8;
  border-right:1px solid #e4f5f8;
  background:#f3fafc}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #d5eff5;
  border-right:1px solid #d5eff5;
  background:#f6fbfc}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f6fbfc;
  border-right:1px solid #f6fbfc;}
.spiffy4{
  border-left:1px solid #e4f5f8;
  border-right:1px solid #e4f5f8}
.spiffy5{
  border-left:1px solid #f3fafc;
  border-right:1px solid #f3fafc}
.spiffyfg{
	text-align:left;
  background:#ffffff;
  padding: 20px 20px 10px 20px;
  }
.spiffyfg2{
	text-align:right;
  background:#ffffff;
  padding:0 20px 0 20px;
  }
  
.loginbox{display:block}
.loginbox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FDCB34}
.loginbox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fee8a7;
  border-right:1px solid #fee8a7;
  background:#fdd866}
.loginbox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fef9ea;
  border-right:1px solid #fef9ea;
  background:#fdd45a}
.loginbox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fdd45a;
  border-right:1px solid #fdd45a;}
.loginbox4{
  border-left:1px solid #fee8a7;
  border-right:1px solid #fee8a7}
.loginbox5{
  border-left:1px solid #fdd866;
  border-right:1px solid #fdd866}
.loginboxfg{
  background-color:#FDCB34}
  
  
  
  /*rounded buttons*/
  a.button, span.button, del.button{

	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;

	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;	

  padding-top:-2px;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}
a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url('/Content/image/btn0.png');
    _background-image:url('/Content/image/btn0.png');
}
a.button span, span.button button, span.button input, del.button span{
white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;

}
span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span,
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}
del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;

}
del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}
span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/

* HTML .wrapper {/* PNG Alpha IE Win ONLY */
	background-image:none !important;
	background-color:white !important;
	width:880px !important;
}

.subheader
{
color:Black;
margin-top:10px;
font-weight:bold;
}

.adminnav
{
  margin-top:20px;
  padding:6px;
  background-color:#eaeaea;
}

.message
{
  font-weight:bold;
  padding-bottom:10px;
  padding-top:10px;  
}

.edittable label
{
  font-weight:bold;
  white-space:nowrap;
}

.edittable input[type="text"] 
{
  width:200px;
}

.edittable select
{
  width:206px;
}

.edittable textarea
{
  width:200px;
  height:40px;
}

.cutheader
{
  border-top:1px solid #A5BECE;width:880px;clear:both;margin:auto;
}

#mapCanvas
    {
      float:right;      
      height: 350px; 
      width: 500px;
    }
    
.field-validation-error
{
  display:block;
  color:Red;
}

#poigallery
{
  padding:10px;
  font-weight:bold;
  margin-bottom:10px;
  background-color:#FFF5C3;
  text-align:center;
}

.red
{
  color:red;
}

DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT { position: relative; top: 6px; margin-right:10px }


.colorselector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../image/colorpicker/select.png);
}
.colorselector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../image/colorpicker/select.png) center;
}

.msgbox
{
  border:1px solid black;
  background-color:#dadada;
  font-weight:bold;
  color:Red;
  padding:3px;
  text-align:center;
  margin:10px 0;
}

.hr
{
  margin:6px 0;
  border-top:1px solid black;
}
#previewpane
{
  float:right;
}
.preview
{
  width:240px;
  height:320px;
  border:1px solid black;
  background-color:white;
  padding:0;
}