html {
/* height:100%; */
}
body {
	margin: 0;
	padding: 0;
	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	background-color:#000000;
	text-align:center;
	color: #b3b3bb;
	height:100%;
}

.h1 {
visibility:hidden;
display:none;

}

pre {
	text-align:left;
	padding:10px;
	margin:10px;
	background:#e0e0e0;
	color:#333;
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-size:10px;
}

img {border:none;}

hr {
	border:none;
	border-bottom:1px solid #333;
	border-top:1px solid #e0e0e0;
}

div#main-body {

	width:940px;
	height:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:right;
}

div#body-inside {
    background-color:#1c1c1c;
	width:940px;
	display:block;
/*	position: absolute; */
	margin-top:0px;	
	background-image: url(/assets/images/DPI_globe_bkgd.png);
	background-position: top left;
	background-repeat: no-repeat;
	border:0px solid #1c1c1c;
}

div#body-container {
	width:936px;
	
	
} 

form .label {float:left; margin:0 0 5px 0; width:120px;}
form .input {float:left; margin:0 0 5px auto; max-width:250px;}
form .error {color:red; float:left; margin:0 0 5px 5px;}
form .button {text-align:right;}

.nonform {
	font-size: 10px;
}

.nonform .label {
	float:left;
	margin:0 0 3px 0;
	width:100px;
	font-weight:bold;
}
.nonform .value {
	float:left;
	margin:0 0 3px 0;
}

/*redefine*/

::-moz-selection {
	background: #111;
	color: #eee;
}

::selection {
	background: #111;
	color: #eee;
}

h1, h2, h3, h4, p, ul {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

a:link, a:visited {
	color: #AC7F24;  /* main link color cec278*/
}

a:hover, a:active {
	color: #faec8f;
}

h1 span {
	display: none;
}

p {
	padding: 5px 0;
	line-height: 1.7;
}

a {
	outline: none;
}

form, table {
	margin: 0;
	padding: 0;
}

/*shared*/

span.clr {
	display: block;
	clear: both;
}

/*headings & link colors*/

h2 {
	font-size: 20px;
	border-bottom: 1px solid #27272a;
	border-top: 1px solid #27272a;
	margin: 0 0 10px;
	padding: 5px 0 4px;
	color: #ccc;
	color: #c17878;
}

h2, h3.sub {
	text-shadow: 1px 2px 1px #131315;
}

h3.sub {
	position: absolute;
	top: 50px;
	font-size: 9px;
}

div#intro {
	color: #fff;
	font-size: 16px;
	text-shadow: 1px 2px 1px #131315;
}

div#intro em {
	font-weight: normal;
	font-style: normal;
	color: #f6e4c8;
}

div#intro p.less {
	font-size: 13px;
	color: #bbb;
}

div.intro a:link, div.intro a:visited {
	color: #c17878;
}

div.developers a:link, div.developers a:visited, h2.developers {
	color: #78ba91;
}

div.browsers a:link, div.browsers a:visited, h2.browsers {
	color: #a87aad;
}

div.download a:link, div.download a:visited {
	color: #78ba91;
}

h2.download {
	color: #78ba91;
}

div.license a:link, div.license a:visited, h2.license {
	color: #7389ae;
}

div.apps a:link, div.apps a:visited, h2.apps {
	color: #c17878;
}

h2.apps {
	font-size: 16px;
}

div.block a:hover, div.block a:active {
	color: #faec8f;
}

/*content*/

div#container {
	
	position: relative;
	/*height: 360px;*/
	width: 900px;
	margin: 5px auto 20px auto;
	
	border: 1px solid #27272a;
	/*overflow-y:auto;*/
	text-align:left;
}

/* Page 
#photographers-page {
        
        height: 600px;
       
}
*/
div#content {
	width: 600px;
	position: relative;
	z-index: 10000;
	background: #1d1d20;
	padding-right: 45px;
}

div#content.selected {
	
}

div.block {
	margin-bottom: 20px;
	font-size: 12px;
}

div.floaty {
	float: left;
	width: 210px;
}

div.floaty h2 {
	font-size: 16px;
	margin-bottom: 5px;
}

div.first {
	width: 369px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	border-right: 1px solid #27272a;
}

div.full {
	clear: both;
	float: none;
}

ul#developers {
	font-size: 10px;
	color: #888;
	line-height: 1.3;
	list-style: none;
	margin-top: 10px;
}

#developers li {
	margin-bottom: 5px;
	font-size: 12px;
}

/*sidebar*/

#sidebar {
	position: absolute;
	z-index: 1;
	width: 200px;
	height: 340px;
	margin: 8px 0;
	left: 685px;
	top: 0;
}

#sidebar ul {
	list-style: none;
}

#sidebar a, #sidebar h3.cat {
	width: 130px;
	display: block;
	padding: 3px 5px 12px 50px;
	/*background: url(http://www.mootools.net/images/tab_small.gif) center right no-repeat;*/
	margin: 5px 0;
	text-decoration: none;
}

#sidebar a {
	/* color: #595965; */
	color: 7389ae;
}

#sidebar a.big, #sidebar h3.cat {
	/*background: url(http://www.mootools.net/images/tab_big.gif) center right no-repeat;*/
	padding: 4px 5px 4px 40px;
	margin: 8px 0;
}

#sidebar h3 {
	font-size: 13px;
}

#sidebar h3.cat {
	color: #cbcbcb;
	text-shadow: 1px 2px 1px #222;
}

#sidebar a.big {
	color: #fff;
}

#sidebar a.blog {
	/*background-image: url(http://www.mootools.net/images/tab_forum.gif);*/
	background-color: #c17878;
}

#sidebar a.docs {
	/*background-image: url(http://www.mootools.net/images/tab_docs.gif);*/
	background-color: #7389ae;
}

#sidebar a.download {
	/*background-image: url(http://www.mootools.net/images/tab_download.gif);*/
	background-color: #78ba91;
}

#sidebar a.trac {
	/*background-image: url(http://www.mootools.net/images/tab_trac.gif);*/
	background-color: #a87aad;
}

/*big menu*/

#kwick {
	position: relative;
	border-top: 1px solid #27272a;
	border-bottom: 3px double #27272a;
	margin-bottom: 10px;
	padding: 10px 0;
}

#kwick .kwicks {
	display: block;
	/*background: #1d1d20 url(http://www.mootools.net/images/trac.gif) top right no-repeat;*/
	height: 100px;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #1d1d20;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	/*background: #78ba91 url(http://www.mootools.net/images/download.gif);*/
}

#kwick .documentation {
	/*background: #7389ae url(http://www.mootools.net/images/docs.gif);*/
}

#kwick .blog {
	/*background: #c17878 url(http://www.mootools.net/images/blog.gif);*/
}

#kwick .trac {
	/*background: #a87aad url(http://www.mootools.net/images/trac.gif);*/
	border-right: 0;
}


#add-new-gallery, #add-new-event {
	display:block;
}

/*download*/

/*span.right {
	display: none;
	float: right;
	font-size: 10px;
	text-shadow: none;
	margin-top: 3px;
}*/

div.download p {
	padding: 1px 0;
}

table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

th, td {
	padding: 4px 10px;
}

th {
	text-align: left;
	background: #18181b;
	color: #faec8f;
	border-top: 4px solid #1d1d20;
	border-bottom: 1px solid #1d1d20;
}

th h3 {
	font-size: 13px;
}

td {
	border-bottom: 1px solid #252528;
	border-top: 1px solid #252528;
	vertical-align: middle;
}

td.check div.check {
	border: 2px solid #18181b;
	background-repeat: no-repeat;
	background-position: center center;
	height: 13px;
	width: 14px;
}

td.check div.selected {
	/*background-image: url(http://www.mootools.net/images/check.png) !important;*/
	/*background-image: url(http://www.mootools.net/images/check.gif);*/
	padding: 2px;
	border: 0;
}

td.name {
	font-size: 12px;
	white-space: nowrap;
}

td.description {
	font-size: 9px;
	width: 100%;
	text-align: left;
}

tr.option {
	cursor: pointer;
	background: #1d1d20;
	color: #595965;
}

.test {
	color: #2f3d31;
}

h2.section, h2.options {
	font-size: 15px;
	color: #faec8f;
	padding-left: 15px;
	/*background: url(http://www.mootools.net/images/arrow.gif) no-repeat left center;*/
}

#container h2.section a, #container h2.options a {
	display: block;
	text-decoration: none;
	color: #faec8f;
}

#container h2.section a:hover, #container h2.options a:hover {
	color: #faf3c7;
}

#advanced, #quick {
	padding-bottom: 20px;
}

h2.compression-options {
	margin-top: 10px;
}

table#compression-options div.check {
	width: 13px;
	height: 13px;
}

table#compression-options div.selected {
	/*background-image: url(http://www.mootools.net/images/radio.png) !important;*/
	/*background-image: url(http://www.mootools.net/images/radio.gif);*/
	padding: 2px;
}

p.submit {
	margin-top: 20px;
	text-align: center;
}

/*links*/

#container div.apps {
	text-align: center;
}

#container div.apps a {
	font-family: 'trebuchet ms';
	color: #7a7a86;
	font-size: 28px;
	margin: 0 20px 10px 0;
	text-shadow: 1px 2px 1px #131315;
	text-decoration: none;
	display: block;
	float: left;
}

#container div.apps a:hover {
	color: #fff;
}

/*developers*/

h2.dev {
	line-height: 1.1;
	font-size: 15px;
	color: #faec8f;
	margin-bottom: 0;
	margin-left: 80px;
	padding: 5px 0 4px;
}

h2.dev span {
	color: #444;
	font-size: 9px;
	text-shadow: none;
	font-family: Andale Mono, Monaco, Courier New, Monospace;
}

div.icon {
	float: left;
	height: 65px;
	width: 65px;
	margin-bottom: 5px;
	background: #1d1d20;
	border: 3px solid #333;
}

div.dev {
	clear: both;
	margin: 10px 0;
}

div.dev p {
	line-height: 1.7;
	padding: 1px 0 2px;
	border-bottom: 1px solid #222;
	margin-left: 80px;
}

#container a.devs:link, #container a.devs:visited {
	color: #face8f;
	display: block;
	font-size: 15px;
	padding: 5px 25px;
}

#container a.devs:hover, #container a.devs:active {
	color: #ccc;
}

p.devs {
	padding: 0 0;
}

/*ads*/

a.affiliate {
	letter-spacing: 1px;
	font-size: 12px;
	display: block;
	border-bottom: 1px solid #27272a;
	padding: 3px 3px 10px;
	margin-bottom: 5px;
}

div#ads {
	clear: both;
	/*background: url(http://www.mootools.net/images/ads.png) top left no-repeat;*/
	padding: 5px 0 3px;
	border-bottom: 1px solid #58585F;
	margin-bottom: 1px
}

/*errors*/

h1.error {
	color: #c17878;
}


/*warning, ripoff*/

#warning {
	background-color: #ff3300;
	font-size: 27px;
	padding: 20px;
	color: #ffffff;
	font-family: helvetica, arial;
}

#warning h1 {
	font-weight: bold;
	font-size: 45px;
	color: #ffffff;
}

#warning a:link, #warning a:visited {
	color: #face8f;
} 

#warning a:hover, #warning a:active {
	color: #222222;
}

p.important {
	padding: 10px;
	border: 2px solid #fff;
	background: #ff3300;
	color: #fff;
	font-size: 12px;
}

p.important a {
	color: #fff;
}

div.imagetile {
	float:left; 
	width:200px; 
	height:200px; 
	padding:10px; 
	border:1px solid #333; 
	margin:5px;	
}

.photoinfo .label {
	float:left;
	width:60px;
	margin:0 0 5px 0;
}
.photoinfo .data {
	float:left;
	margin:0 0 5px 0;
	font-weight:normal;
	font-style:italic;
}
.photoinfo .data_c {
	margin:0 0 5px 0;
	font-weight:normal;
	font-style:italic;
}
.approved {
	color:green;
	font-weight:bold;
}
.unapproved {
	font-weight:bold;
	color:red;
}

.break {clear:left;}

div.header {
	font-size:18px;
	font-weight:bold;
}
div.subheader {
	font-size:14px;
	font-weight:bold;
}

legend {
	font-size:14px;
	color:#b3b3bb;;
}

input.prev {
	background: url('../../images/jmycarousel/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}

input.next{
	background: url('../../images/jmycarousel/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}

ul.horiz-list li {
	padding-right:20px;
	list-style-type:none;
	display:inline;
}
ul.vert-list {
	list-style-type:none;
	padding-left:20px;
}

span.required {
	color:red;
}

.progressBar {
	position:relative;
	padding:2px;
	width:300px;
	height:40px;
	font-size:14px;
}
.progressBar .background {
	border:1px solid black;
	width:270px;
	height:20px;
}
.progressBar .bar {
	position:relative;
	background-color:blue;
	width:0px;
	height:20px;
}

.site-error {
	color:#460000; 
	background:#cc0000; 
	border:1px solid #990000; 
	padding:10px;
}
.site-confirm {
	color:#009900; 
	background:#00cc00; 
	border:1px solid #009900; 
	padding:10px;
}

.cart-confirm {
        color:#212121;
        background:#00cc00;
        border:1px solid #009900;
        padding:10px;
	  position: absolute;
	  width: 160px;
	  margin:5px 0px 5px 0px;
}


fieldset {
	border:1px solid #333;
}

.innerfade-title{
		position: absolute;
		top: -1px;
		left: 0;
		z-index: 290;
		width: 100%;
		background: #1c1c1c;
		height: 34px;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: .8;
		
}
.innerfade-title h2{
		color: #aaaaaa;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
		font-family: Arial;
		font-size: 15px; 
		filter:alpha(opacity=80);
		font-style: italic;
		line-height: 20px;
}
.mycontrolboxclass{
	position: absolute;
	right: 35px;
	top: 20px;
}
.bg-frame img { behavior: url(win_png.htc); }

/* #outer {height: 150px; overflow: hidden; position: relative; width: 100%;}
div#outer[id] {display: table; position: static;}

div#middle {position: absolute; top: 50%; width: 100%; text-align: center;} */ /* for explorer only*/
/* #middle[id] {display: table-cell; vertical-align: middle; position: static;}

div#inner {position: relative; top: -50%; text-align: left;} */ /* for explorer only */
/* #inner {width: 150px; margin-left: auto; margin-right: auto;}*/ /* for all browsers*/
/* optional: #inner[id] {position: static;} */

/* just format */
div.greenBorder {border: 1px solid green;}

/* autocomplete stuff */
/* Menu DIV */
.jqac-menu{
  color: black;
  background-color: white;
  border: 1px solid #aaa;
}
/* unordered list for suggestions */
.jqac-menu ul{
  list-style: none;
  margin: 1px;
  padding: 1px;
  overflow: hidden;
}
/* SPAN "link" */
.jqac-menu .jqac-link {
  cursor: hand; cursor: pointer;
  display: block;
}
/* highlighted menu item */
.jqac-menu .jqac-highlight {
  background-color: #ddf;
}
/* warning for no results */
.jqac-menu .jqac-warning {
  font-style: italic;
}
/* loading for AJAX get */
.jqac-menu .jqac-loading {
  font-style: italic;
  text-decoration: blink;
}
/* matched sub-string */
.jqac-menu em {
    text-decoration: underline;
}
/* suggestion info */
.jqac-menu .jqs-info {
    text-align: right;
    font-style: italic;
    font-size: .75em;
    color: #666;
}

img.tile-scroll-prev, img.tile-scroll-next {
	cursor:hand;
	cursor:pointer;
}

img.vert-img {
	cursor:hand;
	cursor:pointer;
}

#vertmenu li a {
	font-size:14px;
}

ul.static-list {
	padding:5px;
	list-style-type:none;
	margin:0 0 10px 0;
}

ul.static-list li {
	list-style-type:disc;
	margin:0 0 0 20px;
	padding:3px;
}

#mask {  
   position:fixed;
   z-index:9900;  
   background-color:#000;  
   display:none;
   top: 0px;
   left: 0px;  
 }  
     
 #boxes .window {  
   position:fixed;
   width:850px;  
   height:650px;  
   display:none;  
   z-index:9995;  
   padding:20px;  
 }  
   
   
 /* Customize your modal window here, you can add background image too 
 #boxes .image-preview {  
   width:600px;   
   height:500px;  
 }  
 
 */