body {
      margin: 0;
      padding: 0;
      font-size: 11px;
      font-family: Arial;
      color: #CB7A0F;
      background-color: #000;
}
#page {
      margin:0 auto;
      width:1010px;
      padding:0;
}
a, a.hover, a.active, a.visited {
	text-decoration:none;
	color:#09F;
}


#header{
  padding:0px;
  height:60px;
  background: url('../images/Small-top-menu.jpg') no-repeat top left;
}
#header1{
  padding:0px;
  height:60px;
}
#holder {
      color: #784105;
      border-top: 1px solid #868686;
      border-bottom: 1px solid #868686;
      background: url('../images/Big-Index-center.png') no-repeat center center;
}
#holder1 {
      color: #784105;
      border-top: 1px solid #868686;
      border-bottom: 1px solid #868686;
}
.footer {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
      color: #7e7e7e;
}
#top-menu
{
  padding:5px;float:right;clear:both;
}
a.footerlink:link, a.footerlink:visited {
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
a.footerlink:hover, a.footerlink:active {
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #784105;
      text-decoration: none;
}
a.footerlink1:link, a.footerlink1:visited {
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
a.footerlink1:hover, a.footerlink1:active {
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #784105;
      text-decoration: none;
}
a.linkselected:link, a.linkselected:visited {
      font-family: Arial;
      font-size: 10px;
      color: #CB7A0F;
      font-weight: bold;
      text-decoration: none;
}
 a.linkselected:hover, a.linkselected:active {
      font-family: Arial;
      font-size: 10px;
      color: #784105;
      font-weight: bold;
      text-decoration: none;
}
.sub-menu
{
  padding:0px 5px 5px 5px;
  display:none;
  float:left;
}
.sub-menu1
{
  padding:5px 5px 5px 5px;
  float:left;
}
.smhold
{
  width:47.0em;
  padding:5px;
  margin:0px;
  float:right;
  height:25px;
}
.smhold-left
{
  padding:0px;
  margin:0px;
  float:left;
  height:25px;
}
#sm1
{
  margin-left:12.6em;
}
#sm2
{
  margin-left:17.3em;
}
#sm3
{
 margin-left: 20.6em;
}
#sm4
{
 margin-left: 32.3em;
}
/* admin */
#asm1
{
  margin-left:1.1em;
}
#asm2
{
  margin-left:5.9em;
}
#asm3
{
 margin-left: 9.2em;
}
/* login dialog */
#dialog label, #dialog input { display:block; }
.s12
{
  float:left;
  width:115px;
  padding:5px;
  margin-bottom:6px;
  text-align:right;
}
.s14
{
  float:left;
  width:100px;
  padding:5px;
  margin-bottom:6px;
  text-align:right;
}
#validateTips { color: #CB7A0F; }
.w12 { color: #CB7A0F; }
#dialog input.text1 { margin-bottom:6px; width:160px; padding: 2px; float:left;}
#dialog textarea.text3 { margin-bottom:6px; width:300px; height:110px; padding: .4px; float:left;}
#dialog input.text2 { margin-bottom:6px; width:80px; padding: 2px; float:left;}
#dialog fieldset { padding:0; border:none; margin-top:25px; }
#dialog h1 { font-size: 1.2em; margin: .6em 0; }
.ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
/* */
.winfo
{
  color:#FFF;
}
/* form admin slide show */
/* galery */
/* first check is it interfere with other styles */
/* So far seems no influence to other styles */

div.content {
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a:link, div.controls a:visited {
      padding: 5px;
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #FFF;
      text-decoration: none;
}
div.controls a:hover, div.controls a:active {
      padding: 5px;
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
div.ss-controls {
      float: left;
}
div.nav-controls {
	float: right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 510px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 532px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border-style: solid;
	border-width: 1px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 334px;
}

div.caption {
	padding: 0 12px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
}
div.navigation {
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:link, a.thumb:visited, a.thumb:hover,  a.thumb:active
{
      font-family: Arial;
      font-size: 1em;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
      text-align:center;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}

/* black */
div#container {
        padding: 20px;
        overflow: hidden;
        width:920px;
        color: #FFF;
        background-color:#000;
        /* for IE */
        filter:alpha(opacity=90);
        /* CSS3 standard */
        opacity:0.9;
}
div.caption-container {
  color: #eee;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.download a:link, div.download a:visited {
      padding: 5px;
      font-family: Arial;
      font-size: 1.3em;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
div.download a:hover, div.download a:active {
      padding: 5px;
      font-family: Arial;
      font-size: 1.3em;
      font-weight: bold;
      color:#784105 ;
      text-decoration: none;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(../images/prevPageArrowWhite.gif);
}
div.navigation a.next {
	background-image: url(../images/nextPageArrowWhite.gif);
}
div.loader {
	background-image: url(../images/loaderWhite.gif);
}
div.slideshow img {
	border-color: #333;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #111;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
/* details page */
div.rm
{
      font-family: Arial;
      font-size: 2.0em;
      color: #CB7A0F;
      float:left;
      margin-right:320px;
	  margin-left:5px;
      margin-bottom:0px;
}
div.rm2
{
      font-family: Arial;
      font-size: 2.0em;
      color: #FFF;
      float:left;
      margin-right:0px;
	  margin-left:30px;
      margin-bottom:0px;
}
div.rm2 a:link, div.rm2 a:visited {
      color: #CB7A0F;
      text-decoration: none;
}
div.rm2 a:hover, div.rm2 a:active {
      color: #784105;
      text-decoration: none;
}
div.rm3
{
  float:left;
  font-size:11px;
  color:#CB7A0F;
  margin-right:40px;
  margin-left:5px;
  margin-top:2px;
}
.rm4
{
  color:#FFF;
}
/* non light box form */
#resizable label, #resizable input { display:block; }
#resizable { width: 800px;  padding: 0.5em;margin:10px 100px 0px 100px; }
#resizable h3 { text-align: left; margin: 0; }
#resizable input.text1 { margin-bottom:6px; width:160px; padding: 2px; float:left;}
#resizable textarea.text3 { margin-bottom:6px; width:300px; height:110px; padding: .4px; float:left;}
#resizable input.text2 { margin-bottom:6px; width:80px; padding: 2px; float:left;}
#resizable fieldset { padding:0; border:none; margin-top:25px; }
#resizable h1 { font-size: 1.2em; margin: .6em 0; }
/* image order  drag and drop */
.limage{
  float:left;
  margin:10px;
}
#resizable2 label, #resizable2 input { display:block; }
#resizable2 { width: 800px; padding: 0.5em;margin:100px; }
#resizable2 h3 { text-align: left; margin: 0; }
#resizable2 input.text1 { margin-bottom:6px; width:160px; padding: 2px; float:left;}
#resizable2 textarea.text3 { margin-bottom:6px; width:300px; height:110px; padding: .4px; float:left;}
#resizable2 input.text2 { margin-bottom:6px; width:80px; padding: 2px; float:left;}
#resizable2 fieldset { padding:0; border:none; margin-top:25px; }
#resizable2 h1 { font-size: 1.2em; margin: .6em 0; }
.s5
{
  float:left;
  width:50px;
  padding:5px;
  margin-bottom:6px;
  text-align:right;
}
#listdd li {
	margin: 0 0 3px;
	padding:8px;
	list-style: none;
}

#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li {list-style: none; margin: 3px 3px 3px 0; padding: 1px; float: left; width: 170px; height: 100px;}
.orderrow
{
  margin:2px;
  padding:2px;
  border: 1px solid #CB7A0F;
}
/* for text privacy and etc */
h4{
font-size:14px;
font-weight:bold;
}
/* all details */
div.d2
{
      font-family: Arial;
      font-size: 12px;
      color: #FFF;
      float:left;
      width:110px;
      padding:2px;
     /* border: 1px solid #CB7A0F; */
}
div.p2
{
  width: 300px;
  height: 200px;
  padding:2px;
  float: left;
  /* border: 1px solid #CB7A0F;*/
}
div.d2 a:link, div.d2 a:visited {
      padding: 5px;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
div.d2 a:hover, div.d2 a:active {
      padding: 5px;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      color:#FFF;
      text-decoration: none;
}
div.d4
{
      font-family: Arial;
      font-size: 12px;
      color: #FFF;
      float:left;
      width:300px;
     padding:2px;
}
div.d3
{
      font-family: Arial;
      font-size: 12px;
      color: #FFF;
      float:left;
      width:200px;
     padding:2px;
}
/* paginationControl */
div.paginationControl
{
    padding:5px;
    margin-top:10px;
    font-size: 12px;
    font-weight: bold;
    color:#fff;
}
div.paginationControl a:link, div.paginationControl a:visited {
      padding: 5px;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
div.paginationControl a:hover, div.paginationControl a:active {
      padding: 5px;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      color:#784105 ; 
      text-decoration: none;
}
.disabled
{
      padding: 5px;
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      color:#FFF ;
}
/* json model details */
 a.big:link, a.big:visited {
      padding: 5px;
      font-family: Arial;
      font-size: 1.3em;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
a.big:hover, a.big:active {
      padding: 5px;
      font-family: Arial;
      font-size: 1.3em;
      font-weight: bold;
      color:#784105 ;
      text-decoration: none;
}
/* new cities list list */
.cont2{
  margin:0 auto;
  padding:20px;
  background:#000;
  color:#FFF;
}
.htitle30{
  float:left;
  width:30px;
  margin:0px;
  padding:5px;
  border-bottom:2px solid #fde1b2;
}
.htitle50{
  float:left;
  width:50px;
  margin:0px;
  padding:5px;
  border-bottom:2px solid #fde1b2;
}
.htitle170{
  float:left;
  width:170px;
  margin:0px;
  padding:5px;
  border-bottom:2px solid #fde1b2;
}
.htitle250{
  float:left;
  width:250px;
  margin:0px;
  padding:5px;
  border-bottom:2px solid #fde1b2;
}
/* */
.hrow30{
  float:left;
  width:30px;
  margin:0px;
  padding:5px;
  border-bottom:1px solid #503b1d;
}
.hrow50{
  float:left;
  width:50px;
  margin:0px;
  padding:5px;
  border-bottom:1px solid #503b1d;
}
.hrow170{
  float:left;
  width:170px;
  margin:0px;
  padding:5px;
  border-bottom:1px solid #503b1d;
}
.hrow250{
  float:left;
  width:250px;
  margin:0px;
  padding:5px;
  border-bottom:1px solid #503b1d;
}
a.qqlink:link, a.qqlink:visited {
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #CB7A0F;
      text-decoration: none;
}
a.qqlink:hover, a.qqlink:active {
      font-family: Arial;
      font-size: 10px;
      font-weight: bold;
      color: #784105;
      text-decoration: none;
}