#surlExamples,#surlFeautures,#surlAbout, #surlTerms {
padding-left:15px;
list-style-type: none;
font-family: Trebuchet MS, sans-serif;
}
#surlExamples li.list, #surlFeautures li.list, #surlAbout li{
margin-top: 10px;
}
#surlMenu a{
padding: 4px;
}
#surlMenuTermsText, #surlMenuAboutText, #surlMenuExamplesText, #surlMenuFeauturesText {
position: absolute;
top: 0px;
left: 0px;
width: 350px;
height: 400px;
}
#surlMenuContent {
top: 30px;
text-align: left;
float:none;
width: 100px;
position: relative;
height: 300px;
}

h1 {
/*display:none;*/
}
#surl_dForm {
width:480px;
height: auto;

}
#surl_dSearch {
height: 30px;
padding:20px 0 20px 0;
}
#surl_dSearch textarea {
border:1px solid #BBD7DB;
height: 25px;
line-height:25px;
}
#surl_dURL {
width:300px;
padding: 0 0 0 10px;
height: 25px;
float:left;
}
#surl_dSubmit {
height: 27px;
padding:0;
float:right;
width:77px;
}
#surl_dSubmit input {
width:77px;height: 27px;outline:none;
background:#FFF url("/images/surlit.png") no-repeat top left;
}

#surl_dSubmit {

}


#surl_fSubmit {
border:none;
outline:none;
width: 90px;
height: 22px;
background:transparent;
}
#surl_fSubmit:hover {
/*background:#fff url("/images/submit_h.png") no-repeat top left;*/
cursor:pointer;
}

#surl_fURL {
		width: 375px;
		padding-left:5px;
	color:#396CF2;
}

#surl_dResult {
font-family: Trebuchet MS, sans-serif;
width: 480px;
padding:0;
float:left;
margin-top:2px;
text-align:justify;
margin-left:10px;

}
#surl_dResult h2 {
font-size:18px;
color:#79AFED;
border-bottom:1px solid #79AFED;
margin:0 0 10px 0;
}

#surl_link fieldset {
background:#E1F0FD/*EBF5C2*/;
/*border:1px solid #91AD1D;*/
border:none;
margin:0;
padding:20px 20px 30px 20px;
}
#surl_link {
margin-bottom:20px;
/*border:1px solid #9BCCF9;*/
}
#surl_link a {
display:block;
text-decoration:none;
color:#FF8000;
margin:0;
padding:10px;
border-bottom:1px solid #9BCCF9;
background-color:#D6EAFC;

margin:0 0 0 0;

}
#surlError {
background-color:#FFBFBF;
padding:10px;
color:#F83614;
font-weight:bold;
border:1px solid red;
}

#surl_link a:hover {
text-decoration:underline;
}

#surl_link input {
display:block;
color:#79AFED;
width:380px;
border:1px solid #9BCCF9;
}
#surl_link label {
font-size:11px;
color:#91AD1D;
font-weight:bold;

}
#surlSocial {
margin:10px 0;
padding:10px;
/*border:1px solid #89C9B8;*/
background-color:#EBF5C2;

}



#nav {
font-size: 12px;
/*width: 0px;*/
height: 60px;
overflow: hidden;
width:500px;
text-wrap: none;
/*opacity: 0;*/
}

#surl_fDesc, #surl_fTags{
	width: 460px;
	height: 15px;
color:#396CF2;
	margin-bottom:8px;
}
#surl_dDesc h2,#surl_dAdvanced h2,#surl_dType h2, #surl_dMore h2 {
font-size:13px;

border-bottom:1px solid #79AFED;
margin:0 0 10px 0;
padding:3px 10px;
text-align:left;
}
#surl_dDesc h2 {
/*color:#F7574F;*/
border:1px solid #F7574F;
background-color:#FC948B;
color:#F5372E;
}
#surl_dType h2 {
/*color:#FEBF04;*/
border:1px solid #FEBF04;
background-color:#FEE28D;
color:#F39301;
}
#surl_dAdvanced h2 {
/*color:#80E51E;*/
border:1px solid #80E51E;
background-color:#CAF78C;
color:#67B915;
}
#surl_dMore h2 {
border:1px solid #F31B8A;
background-color:#FCA9D5;
color:#F31B8A;
}

#surl_dDesc {
	width: 470px;
	color:#396CF2;
    margin:0 auto;
	float:left;

}
#surl_dDesc input{
border:1px solid #BBD7DB;
height: 25px;
line-height:25px;
}

#surl_dAdvanced {
width:470px;
padding:0;
float:left;
margin:0 auto;
margin-top:15px;
text-align:left;
}
#surl_dMore {
width:470px;
padding:0;
float:left;
margin:0 auto;
margin-top:0px;
text-align:left;

}
#surl_dType{
width:470px;
padding:0;
float:left;
margin:0 auto;
margin-top:5px;
text-align:left;

}
#surl_dAdvanced ul, #surl_dType ul ,#surl_dMore ul { 
list-style:none;
margin:0;padding:0;
height:200px;
}
#surl_dAdvanced ul li, #surl_dType ul li,#surl_dMore ul li {
padding:0;
margin-top: 5px; list-style:none;
} 
#surl_dAdvanced ul li label, #surl_dType ul li label,#surl_dMore ul li label {
padding:0 5px 0 5px;list-style:none;
} 

#surl_lCustom input.custom {
border:1px solid #BBD7DB;
	width: 180px;
	font-family: Trebouchet, sans-serif;
	height: 16px;

	
}
#surl_lEnd input.endoffset {
border:1px solid #BBD7DB;
	width: 40px;
	font-family: Trebouchet, sans-serif;
	height: 16px;

	
}

#surl_lPwd input.pwd {
border:1px solid #BBD7DB;
	width: 90px;
	font-family: Arial, sans-serif;
	height: 15px;

	
}

#surl_fURL input.surl-url-normal {


	font-family: Trebouchet, sans-serif;


	
}

#surl_Param {
display:visible;
}

#surl_PreviewInfo {
text-align:left;
color:#396CF2;
padding:50px 0 0 0;
width:350px;
float:right;
}
#surl_PreviewInfo a{
text-decoration:none;
font-weight:bold;
color:#FF8000;
}
#surl_PreviewInfo a:hover{

color:#44CB11;
}

#surl_PreviewInfo #Info {
float:left;color:#396CF2;
width:300px;

}

#surl_PreviewInfo #InfoUrls {
float:right;color:#396CF2;
text-align:center;width:400px;
}

#surl_PreviewInfo table {
border-collapse:collapse;
font-size:11px;
}
#surl_PreviewInfo table tr {
height:10px;
}
#surl_PreviewInfo form #password {
color:#F83614;
font-size:12px;
width:300px;
}


#surl_Bookmarks {
border-bottom:3px solid #BBD7DB;
padding:10px;
}

#surl_UrlsTable {
margin-top:20px;
text-align:left;
border-top:3px solid #BBD7DB;
border-bottom:3px solid #BBD7DB;
}
#surl_UrlsTable ul {
list-style-type: none;
}
#surl_UrlsTable ul li {
margin-bottom:10px;
font-size:10px;
color:#6FAAB3;
}
#surl_UrlsTable ul li span.surlTitle {
font-weight: bold;
display:block;
font-size: 11px;
clear: both;
}
#surl_UrlsTable ul li a {
display:block;font-size:12px;
text-decoration:none;
font-weight:bold;color:#FF8000;
}
#surl_UrlsTable ul li a:hover {
color:#44CB11;
}
#surl_PreviewImages {
padding:20px 0 20px 0;
margin:0;
text-align:left;
}
#surl_PreviewImages h2,#surl_PreviewInfo h2 {
font-size:15px;
border-bottom:1px solid  #3C9DFF;
color: #3C9DFF;
margin:0 0 10px 0;padding:0;
}
#surl_PreviewImages a {
border:3px solid #44CB11;
display:inline-block;
margin:5px;
padding:5px;
}
#surl_PreviewImages a:hover {
border:3px solid #FF8000;
}
#surl_PreviewImages img {
border:none;
}
#surl_PreviewImagesList {
text-align:center;
}




#surl_Stars {
margin:20px 0 0 -10px;
}

.clear {
clear:both;
}


#surlMenu {
float:left;



}



#surlMenu ul {
  padding:0 0 0 15px;
  margin: 0;
  background:#fff url("/images/bg_menu.png") no-repeat top left;
  width:320px;
height:35px;
line-height:28px;
}


#surlMenu ul li {
  float: left;
  list-style: none;
 margin:0;


}

#surlMenu a {
display:inline-block;
text-decoration:none;
color:#FFF;
width:65px;
height:15px;
line-height:13px;
outline:none;
}

#surlMenu a:hover, .surlMenuClicked {
text-decoration:none;
color:#0080FF;
background:transparent url("/images/button_menu.png") no-repeat center left;
}

#surlMenuContent span {
width:320px;
}











img {
border:none;
}

.surl_FrameDiv {
width: 98%;
float:left;
margin-right: 10px;
margin-bottom: 20px;
}

iframe.surl_Frame {
width: 100%;
height: 300px;
}


#content {
	width:900px;
	margin: 0 auto;
	font-size:0.8em;
color:#396CF2;
}

#header {
/*	background:#fff url("/images/header.png") center top no-repeat;*/
	margin-left:0px;
	margin-right:0px;
	width:320px;
	float:left;
}
#header .logo {
	background:#fff url("/images/header.png") center top no-repeat;
	height:178px;
	width:320px;
	text-indent: -9000px;
}
#header .logo a {
	display:block;
	top:0;
	left:0;
	height:178px;
	width:320px;
}

#main-index {
	width: 540px;
	float:right;
	padding-top:5px;
}

#main-index h1, #main h1 {
	font-size: 1.5em; 
}

body {
	/*background:#248FF0 url("/images/pattern3.png") repeat-y top center;*/
	background-color:#fff;
	text-align:center; 
	font-size:1em;
	font-family: Tahoma,Verdana, Helvetica, Arial;
}
	
#footer {
	font-size: .8em; 
	text-align:center; 
	width: 100%;
}

.clear {
	float: none;
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}

#nav {
text-align:center;
padding-top:60px;
}

#nav a {
outline:none;
display:inline-block;
height:40px;
width:100px;
text-decoration:none;
color:#fff;
font-weight:bold;
background:url("/images/button.png") no-repeat top left;
text-align:center;
line-height:27px;
}

#nav a#surl_pInfo:hover,#nav a.info {
background:url("/images/button_b.png") no-repeat top left;
}
#nav a#surl_pType:hover,#nav a.type {
background:url("/images/button_h.png") no-repeat top left;
}
#nav a#surl_pAdvanced:hover,#nav a.advanced {
background:url("/images/button_v.png") no-repeat top left;
}
#nav a#surl_pMore:hover,#nav a.more {
background:url("/images/button_f.png") no-repeat top left;
}



textarea {
height: 19px;
overflow:hidden;
white-space: nowrap;
}

#main {
font-size:11px;
}


#surlExamples span {
color:#F79C59;
}
#surlExamples span strong {
color:#73CE17;
}