@import url(/_ps/lightbox/css/jquery.lightbox.css);

* {
outline:none;
}

body {
background-repeat:repeat-x;
background-position:top left;
margin:0px;
font-family:tahoma, arial, sans-serif;
font-size:11px;
color:#676767;
}

input, textarea, select {
font-size:11px;
font-family:tahoma, arial, sans-serif;
color:#676767;
}

img {
border:0px;
}

h1 {
color:#3097B9;
font-size:25px;
font-weight:normal;
margin:3px 0px 2px 0px;
}

h2 {
color:#3097B9;
font-size:15px;
font-weight:normal;
margin:3px 0px 5px 0px;
text-transform:uppercase;
}

h3 {
color:#D87500;
font-size:13px;
font-weight:bold;
margin:3px 0px 10px 0px;
text-transform:uppercase;
}

p {
line-height:18px;
}

a {
color:#CC6600;
text-decoration:none;
}

a:hover {
color:#FF8A00;
}

#body {
width:980px;
margin:0px auto 0px auto;
text-align:left;
}

#header {
height:181px;
background-image:url(/images/headerbar.jpg);
background-repeat:no-repeat;
background-position:10px bottom;
}

#header .logo {
position:absolute;
margin:48px 0px 0px 37px;
}

#header .nav {
float:right;
margin:67px 10px 0px 0px;
}

#header .nav * {
color:#DDDDDD;
text-decoration:none;
text-transform:uppercase;
font-size:12px;
}

#header .nav .item, #header .nav .itemon {
float:left;
margin:0px 5px 0px 0px;
padding:1px 0px 1px 5px;
border-left:1px solid #287996;
}

#header .nav .itemon * {
color:#FFFFFF;
border-top:1px dotted #FFFFFF;
}


#feature {
position:absolute;
margin:130px 0px 0px 602px;
width:345px;
}


#feature .heading {
text-transform:uppercase;
color:#4AB6DA;
font-size:20px;
font-weight:normal;
margin:3px 0px 2px 0px;
}

#feature .title {
text-transform:uppercase;
color:#FFFFFF;
font-size:25px;
font-weight:normal;
margin:2px 0px 5px 0px;
}

#feature  .intro {
color:#E8E8E8;
font-size:13px;
}


#container {
background-image:url(/images/containerbg.png);
background-repeat:repeat-y;
background-position:top left;
}

#page {
background-image:url(/images/pagebg.gif);
background-repeat:repeat-y;
background-position:top left;
}

#container .content {
padding:45px 55px 45px 55px;
min-height:250px;
}


#footer {
height:80px;
width:960px;
margin-left:10px;
text-align:center;
background-image:url(/images/footerbg.gif);
background-repeat:repeat-x;
background-position:top left;
background-color:#E3E4DC;
}

#footer .content {
height:auto;
min-height:0px;
padding:30px 30px 90px 30px;
color:#888888;
}

#container .bottomstrip {
height:20px;
font-size:1px;
background-image:url(/images/bottomstrip.gif);
background-repeat:repeat-y;
background-position:top left;
}


#sitesearch {
width:275px;
height:175px;
position:absolute;
margin:90px 0px 0px 712px;
background-image:url(/images/search.png);
background-repeat:no-repeat;
background-position:top left;
}

#sitesearch form {
padding:95px 0px 0px 35px;
}

#sitesearch .field {
width:185px;
height:24px;
float:left;
background-image:url(/images/searchfield.gif);
background-repeat:no-repeat;
background-position:top left;
}

#sitesearch .field input {
width:140px;
border:0px solid red;
background-color:transparent;
margin:4px 0px 0px 10px;
}


#pagesnippet1 {
position:absolute;
width:280px;
height:358px;
margin:-85px 0px 0px 425px;
background-image:url(/images/paper1.png);
background-repeat:no-repeat;
background-position:top left;
}

#pagesnippet1 .content {
padding:70px 60px 0px 30px;
}


#pagesnippet2 {
position:absolute;
width:283px;
height:408px;
margin:-135px 0px 0px 650px;
background-image:url(/images/paper2.png);
background-repeat:no-repeat;
background-position:top left;
}

#pagesnippet2 .content {
padding:85px 30px 0px 35px;
}


#righstrip {
float:right;
width:220px;
min-height:420px;
background-color:#FFFFFF;
background-image:url(/images/rightstrip.gif);
background-repeat:no-repeat;
background-position:20px 50px;
}
#righstrip .content {
padding:50px 0px 0px 50px;
}


.listingline {
border-top:1px dotted #999999;
padding:3px 0px 6px 0px;
}

.listingline * {

}


.feature {
color:#116688;
font-size:12px;
}

div.pageheader {
position:absolute;
margin:125px 0px 0px 60px;
}


#previews {
width:669px;
height:127px;
overflow:hidden;
margin-top:20px;
background-image:url(/images/previews.gif);
background-repeat:no-repeat;
background-position:top left;
}

#previews li.preview {
width:150px;
height:96px;
float:left;
margin:15px 0px 0px 14px;
background-color:#E5E5E5;
background-image:url(/_ps/images/ajaxworking.gif);
background-repeat:no-repeat;
background-position:center;
cursor:pointer;
overflow:hidden;
}

.preview .image {
width:150px;
height:96px;
}

#previews .preview .image .label {
position:absolute;
margin-top:78px;
background-color:#3097B9;
width:150px;
height:18px;
line-height:18px;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
display:none;
}

.fulllabel {
background-color:#3097B9;
padding-left:3px;
height:18px;
line-height:18px;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
}

#previews .preview .image {
width:150px;
height:96px;
background-repeat:no-repeat;
background-position:top left;
}

.thumbprev {
position:absolute;
margin:70px 0px 0px -11px;
cursor:pointer;
z-index:1101;
}

.thumbnext {
position:absolute;
margin:70px 0px 0px 658px;
cursor:pointer;
z-index:1100;
}

div.thumb {
width:74px;
height:74px;
float:left;
margin:0px 5px 0px 5px;
background-image:url(/images/thumbborder.gif);
background-repeat:no-repeat;
background-position:top left;
}

div.thumb img {
margin:7px 0px 0px 7px;
}

#screenshots {
width:670px;
height:345px;
background-image:url(/_ps/images/ajaxworking.gif);
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
}

#screenshots ul {
margin:0px;
padding:0px;
}

#screenshots li {
width:670px;
height:345px;
}

#projectinfo {
overflow-y:hidden;
position:absolute;
z-index:1000;
margin:10px 20px 0px 380px;
padding:55px 30px 100px 20px;
height:200px;
background-image:url(/images/projectdescription.png);
background-repeat:no-repeat;
background-position:top left;
}

#projectinfo .content  {
width:240px;
height:175px;
margin:0px;
padding:0px;
overflow:hidden;
min-height:0px;
position:relative;
}

#projectinfo .closeoption {
position:absolute;
margin:5px 0px 0px 230px;
}

#projectinfo .closeoption * {
color:#676767;
text-decoration:none;
font-weight:bold;
}


#projectcontrols {
width:670px;
height:48px;
position:absolute;
margin-top:298px;
z-index:500;
background-image:url(/images/projectcontrols.png);
background-repeat:no-repeat;
background-position:bottom left;
}

#projectcontrols .projectinfo {
position:absolute;
margin:27px 0px 0px 520px;
cursor:pointer;
}

#projectcontrols .screenprev {
position:absolute;
margin:28px 0px 0px 635px;
cursor:pointer;
z-index:12;
}

#projectcontrols .screennext {
position:absolute;
margin:28px 0px 0px 655px;
cursor:pointer;
z-index:13;
}


.communitysection {
clear:left;
padding:5px 0px 5px 8px;
background-color:#E2F0F5;
border-bottom:1px dotted #999999;
text-transform:uppercase;
font-size:14px;
color:#3097B9;
}

.communitylogos img {
float:left;
margin-right:20px;
margin-bottom:20px;
}


.datagrid .label {
white-space:nowrap;
font-weight:bold;
vertical-align:top;
background:#FFFFFF url(/images/labelbg.gif) no-repeat top left;
padding-left:10px;
padding-right:20px;
min-width:140px;
height:35px;
line-height:27px;
}

.datagrid td.field {
padding:0px 0px 5px 0px;
width:100%;
}


.datagrid td.singlefield {
padding:0px 0px 5px 0px;
width:100%;
vertical-align:top;
}

.datagrid td.singlefield .start {
background:#FFFFFF url(/images/field_single_start.gif) no-repeat top left;
height:27px;
float:left;
}

.datagrid td.singlefield .end {
background:transparent url(/images/field_single_end.gif) no-repeat top right;
height:27px;
}

.datagrid td.singlefield input {
border:0px;
background:none;
margin:5px 0px 0px 5px;
color:#2175a4;
font-size:14px;
font-weight:bold;
}


.datagrid td.multifield {
padding:0px 0px 5px 0px;
width:100%;
vertical-align:top;
}

.datagrid td.multifield .topleft {
background:transparent url(/images/field_multi_topstart.gif) no-repeat top left;
float:left;
}

.datagrid td.multifield .topright {
background:transparent url(/images/field_multi_topend.gif) no-repeat top right;
}

.datagrid td.multifield textarea {
border:0px;
background:none;
margin:5px 0px 0px 5px;
font-weight:bold;
color:#2175a4;
}

.datagrid td.multifield .bottomleft {
background:transparent url(/images/field_multi_bottomstart.gif) no-repeat bottom left;
}

.datagrid td.multifield .bottomright {
background:transparent url(/images/field_multi_bottomend.gif) no-repeat bottom right;
}

.button {
border:0px;
background-repeat:no-repeat;
background-position:left 0px;
}

.buttonon {
border:0px;
background-repeat:no-repeat;
background-position:left -31px;
}

#locationmap {
clear:left;
margin-top:20px;
width:400px;
height:250px;
}

.accesskey {
text-decoration:underline;
}

.alert {
font-weight:bold;
color:#CC0000;
padding:10px 0px 10px 0px;
}