/* css document for cliqdate - created by Matt Saling, mattsaling.com */

body{
margin:0;
padding:0;
font: normal normal normal 12px arial,helvetica,sans-serif;
color:#313b46;
background-color:#313b46;
text-align:center;
}

.clear{clear:both;}

hr {
border:none;
border-bottom: 1px solid #ccc;
}

a {
text-decoration:none
}

h1 {
padding: 0 0 0 0;
}

p {
line-height:1.4em;
overflow:hidden;
}

.content-wrapper{
text-align:left;
margin:0 auto;
width:960px;
overflow:hidden;
}

#utilitynav{
text-align:right;
margin:0 auto;
width:960px;
overflow:hidden;
}

#utilitynav ul{
padding:0;
margin:0;
list-style:none;
}

#utilitynav li{
display:inline;
}

#utilitynav li.current{
color:#fff;
font-weight:bold;
}

#utilitynav a,
#utilitynav a:link,
#utilitynav a:active,
#utilitynav a:visited{
color:#ccc;
text-decoration:none;
margin:0 0 0 5px;
}

#utilitynav a:hover{
color:#fff;
}

#header{
color:#fff;
position:relative;
margin: 20px 0 10px 0;
}

#logo{
/*
position:absolute;
*/
bottom:10px;
float:left;
}

#logo h1{
margin:0;
padding:0;
font-weight:normal;
font-size:300%;
}

img.logo {
border:none;
}

.tagline{
/*
position:relative;
top:38px;
left:135px;
width:160px;
*/
font-size:14px;
float:left;
margin:20px 0 0 5px;
}

.greendate{
color:#c5fa65;
}

#accountinfo {
}

#accountactions{
font-size:12px;
padding: 8px 0 0 0;
}

#accountactions ul{
padding:0;
margin:0;
list-style:none;
}

#accountactions li{
display:inline;
}

#accountactions a, 
#accountactions a:link, 
#accountactions a:active, 
#accountactions a:visited{
font-size:150%;
margin:0 0 0 10px;
color:#fff;
text-decoration:none;
}

#accountactions a:hover{
color:#c5fa65;
}

#main-nav{
width:100%;
/*height:30px;*/
background-color:#c5fa65;
border-top:5px solid #5da800;
border-bottom:1px solid #5da800;
}

#main-nav ul{
padding:0;
margin:0;
list-style:none;
}

#main-nav li{
display:inline;
float:left;
margin-bottom:5px;
}

#main-nav li a{
background-color:#8adb3c;
}

#main-nav li.selected a{
background-color: #5DA800;
}

#main-nav a,
#main-nav a:link,
#main-nav a:active,
#main-nav a:visited{
text-decoration:none;
padding:0 10px;
margin:0 5px 0 0;
font-size:16px;
font-weight:bold;
line-height:25px;
display:block;
color:#fff;
}

#main-nav a:hover{
background-color:#5da800;
}

#main-content{
background-color:#fff;
width:100%;
padding:20px 0;
}

.actionblock{
display:block;
background-color:#e8f3ff;
border-bottom:6px solid #d2e5ff;
text-align:center;
padding:15px 0;
}

.actionblock h2{
font-size:250%;
font-weight:bold;
color:#313b46;
margin:0;
padding:0;
}

#main-nav .statusblock {
text-align:right;
}

#main-nav .statusblock a,
#main-nav .statusblock a:link,
#main-nav .statusblock a:active,
#main-nav .statusblock a:visited {
padding:0;
margin:0;
font-size:12px;
font-weight:normal;
line-height:28px;
display:inline;
color:#5da800;
background:transparent;
}

#main-nav .statusblock a:hover{
text-decoration:underline;
}

#main-nav .statusblock a.status {
font-weight:bold;
}

.statusblock, .actionblock img{
border: none;
}

.statusblock img{
margin:0 2px 0 10px;
vertical-align:middle;
}

#leftcontent{
width:630px;
float:left;
overflow:hidden;
}

#toplinks{
padding:3px 0 15px 0;
}

#toplinks a, 
#toplinks a:link, 
#toplinks a:active, 
#toplinks a:visited{
color:#f09;
text-decoration:none;
}

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

#big-add-button{
float:right;
margin-bottom:10px;
}

#action-button{
float:right;
margin: 0 0 10px 0;
padding: 3px 0 0 0;
}

#toplinks #big-add-button a, 
#toplinks #big-add-button a:link, 
#toplinks #big-add-button a:active, 
#toplinks #big-add-button a:visited,
#big-add-button a, 
#big-add-button a:link, 
#big-add-button a:active, 
#big-add-button a:visited{
color:#fff;
background-color:#f09;
padding:3px 10px;
text-decoration:none;
font-size:20px
}

#toplinks #big-add-button a:hover,
#big-add-button a:hover{
background-color:#f69;
text-decoration:none;
}

#breadcrumb a {
color:#5DA800;
}


.nobutton a, 
.nobutton a:link, 
.nobutton a:active, 
.nobutton a:visited,
a.nobutton, 
a.nobutton:link, 
a.nobutton:active, 
a.nobutton:visited{
color:#f09;
background-color:transparent;
padding:3px 10px;
text-decoration:none;
font-size:12px;
}

a.nobutton:hover{
text-decoration:underline;
}

ul#topnavigation, ul#bottomnavigation, ul.bottomnavigation{
list-style-type:none;
margin:0px 0 0 0;
padding:0;
}

ul.bottomnavigation{
margin:10px 0;
}

ul#topnavigation li, ul#bottomnavigation li, ul.bottomnavigation li{
display:inline;
margin:0 10px 0 0;
padding:0;
}

ul#biglink{
list-style-type:none;
margin:10px 0 0 0;
padding:0;
}

ul#biglink li{
display:inline;
margin:0 10px 0 0;
padding:0;
}

ul#biglink a, 
ul#biglink a:link, 
ul#biglink a:active, 
ul#biglink a:visited{
font-size:20px;
}

ul#breadcrumb{
list-style-type:none;
margin:10px 0 0 0;
padding:0;
font-size:18px;
color:#555;
float:left;
}

ul#breadcrumb li{
display:inline;
margin:0 5px 0 0;
padding:0;
}

ul#breadcrumb a, 
ul#breadcrumb a:link, 
ul#breadcrumb a:active, 
ul#breadcrumb a:visited{
color:#555;
}

a.change-breadcrumb{
position:relative;
top:16px;
margin:0 0 0 10px;
}

li.current, a.selected{
font-weight:bold;
border:none;
}

.bottomborder{
border-bottom:1px solid #d2e5ff;
}

.subcontent {
float:left;
overflow:hidden;
width:210px;
}

.content-item {
margin:0;
padding:10px 0;
}

.leftcontent-item, .message-item{
float:left;
width:630px;
margin:0;
padding:10px 0;
}

.message-item .headline{
color:#006cff;
font-size:16px;
margin:0;
padding:0;
font-weight:bold;
}

.message-userinfo {
float:right;
width:565px;
}

.messagesummary {
float:left;
font-size:1.2em;
font-style:italic;
margin:10px 0px 0px 10px;
}

/*
.leftcontent-item img, .content-item img{
float:left;
border:1px solid #ddd;
}
*/

.leftcontent-userinfo{
float:right;
width:540px
}

.leftcontent-ownerinfo{
float:right;
width:570px
}

.leftcontent-userstats{
font-size:10px;
margin: 0 0 5px 0;
}

.leftcontent-item .headline{
color:#006cff;
font-size:18px;
margin:0px;
padding:0px;
font-weight:bold;
}

.leftcontent-item a, 
.leftcontent-item a:link, 
.leftcontent-item a:active, 
.leftcontent-item a:visited{
color:#006cff;
text-decoration:none;
}

.leftcontent-item a:hover{
text-decoration:underline;
}

.leftcontent-item a.morelink, .leftcontent-userinfo a.morelink, a.morelink{
text-decoration:none;
font-weight:bold;
color:#f09;
}

.leftcontent-item a.morelink:hover, .leftcontent-userinfo a.morelink:hover, a.morelink:hover{
text-decoration:underline;
}

ul.leftitem-button, ul.leftitem-nobutton, ul.leftitem-greybutton, ul.useraction{
margin:0;
list-style-type:none;
float:right;
}

ul.leftitem-nobutton{float:right;}

ul.leftitem-button li, ul.leftitem-nobutton li, ul.leftitem-greybutton li, ul.useraction li{
display:inline;
}

ul.leftitem-button a,
ul.leftitem-button a:link,
ul.leftitem-button a:active,
ul.leftitem-button a:visited,
ul.bottomnavigation a,
ul.bottomnavigation a:link,
ul.bottomnavigation a:active,
ul.bottomnavigation a:visited{
color:#fff;
text-decoration:none;
background-color:#f09;
padding:3px 10px;
}

ul.leftitem-button a:hover,
ul.bottomnavigation a:hover{
background-color:#f69;
}

ul.leftitem-nobutton a,
ul.leftitem-nobutton a:link,
ul.leftitem-nobutton a:active,
ul.leftitem-nobutton a:visited{
color:#f09;
background-color:transparent;
padding:3px 5px;
text-decoration:none;
font-size:12px;
}

ul.leftitem-nobutton a:hover{
text-decoration:underline;
}

ul.leftitem-greybutton a,
ul.leftitem-greybutton a:link,
ul.leftitem-greybutton a:active,
ul.leftitem-greybutton a:visited{
color:#fff;
background-color:#ccc;
padding:3px 5px;
text-decoration:none;
font-size:12px;
}

ul.leftitem-greybutton a:hover{
text-decoration:underline;
}

#toplinks a.pinkbutton, 
#toplinks a.pinkbutton:link, 
#toplinks a.pinkbutton:active, 
#toplinks a.pinkbutton:visited,
.pinkbutton a, 
.pinkbutton a:link, 
.pinkbutton a:active, 
.pinkbutton a:visited,
a.pinkbutton, 
a.pinkbutton:link, 
a.pinkbutton:active, 
a.pinkbutton:visited{
color:#fff;
background-color:#f09;
padding:3px 10px;
text-decoration:none;
}

#toplinks a.pinkbutton:hover, 
a.pinkbutton:hover{
background-color:#f69;
text-decoration:none;
}

#rightcontent{
float:right;
width:300px;
overflow:hidden;
}

.pinkborderbox{
border-left:6px solid #ffd2ed;
background-color:#fff;
margin:0px 0 20px 0;
padding:0 0 10px 0;
}

.pinkheader{
position:relative;
background-color:#ffe8f6;
color:#f09;
padding:5px 0 5px 12px;
font-weight:bold;
}

a.pinkviewmore, 
a.pinkviewmore:link, 
a.pinkviewmore:active, 
a.pinkviewmore:visited{
text-decoration:none;
font-weight:normal;
color:#f09;
position:absolute;
right:10px
}

a.pinkviewmore:hover{
text-decoration:underline;
}

.itemdetail .pinkboxitem {
padding:10px 0 10px 0px;
}

.pinkboxitem{
position:relative;
padding:10px 0 10px 20px;
font-size:11px
}

.pinkboxitem .headline{
color:#006cff;
font-size:12px;
margin:0;
padding:0;
font-weight:bold;
}

.pinkboxitem a{
color:#006cff;
text-decoration:none;
}

.pinkboxitem a:hover{
text-decoration:underline;
}

/*
.pinkboxitem img{
float:left;
margin:0 10px 0 0;
border: none;
}
*/

#footer{
width:100%;
height:25px;
background-color:#c5fa65;
border-bottom:5px solid #5da800;
border-top:1px solid #5da800;
}

#footer ul{
padding:0;
margin:0;
list-style:none;
}

#footer li{
display:inline;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited{
color:#5da800;
margin:0 5px;
text-decoration:none;
line-height:25px;
text-transform:lowercase;
}

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

.online-true, .online{
color:#0c0;
}

#pages{
float:right;
color:#f09;
padding:20px 0 10px 0;
}

#pages a{
text-decoration:none;
background-color:#f09;
padding:2px 4px;
color:#fff;
border:1px solid #f09;
margin: 0px 2px;
}

#pages a:hover{
background-color:#fff;
color:#f09;
}

#pages .currentStep, a.currentpage, #pages a.currentpage:hover{
text-decoration:none;
background-color:#fff;
padding:2px 4px;
color:#f09;
border:1px solid #f09;
cursor:pointer;
margin: 0px 2px;
}

#viewbox{
border:1px solid #ccc;
padding:10px;
margin:10px 0 40px 0;
clear:both;
overflow:hidden;
}

#viewbox h1{
margin:0px;
padding:0px;
font-size:1.6em;
font-weight:normal;
}

.postdate{
font-size:10px;
margin: 2px 0 5px 0;
}

.itemdetail {
float:right;
width:520px;
}

.itemlabel {
float:left;
margin:5px 0 0 5px;
width:100px;
}

.bigdescription{
font-size:18px;
}

.smalldescription{
font-size:10px;
vertical-align:middle;
}

.comment{
margin:0 0 20px 0;
}

.commentheader{
position:relative;
border-bottom:1px solid #ccc;
}

.comment a, 
.comment a:link, 
.comment a:active, 
.comment a:visited{
color:#f09;
text-decoration:none;
font-weight:bold;
}

.comment a:hover{text-decoration:underline;}

.comment a.commentreport{
position:absolute;
right:0px;
font-weight:normal;
} 

/*  Formy - CSS Framework 0.8   */

/*reset.css */
fieldset, form, label, legend {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* Structural*/
fieldset {
background-color:#fff;
border:1px solid #aaa;
margin: 0 0 10px 0;
padding: 10px 10px 30px 10px;
}
legend {
padding: 0 10px;
font-size:12px;
color: #313b46;
font-weight:bold;
}
label {
float:left;
width:150px;
display:block;
clear:left;
margin:0 20px 0 0;
text-align:right;
cursor:hand;
}
textarea, input, select, label, button, optgroup {
margin-top:5px;
}
input[type="checkbox"], input[type="radio"] {
margin-bottom:7px;
}

label {
color:#333;
}
textarea, input[type="text"], input[type="password"] {
border: 1px solid #8798b4;
width:390px;
padding:5px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
border: 1px solid #ccc;
}
select {
border: 1px solid #8798b4;
}
input[type="checkbox"] {
color: #000;
}
input[type="radio"] {
background-color: #fff;
color: #000;
}
option {
background-color:#fff;
color:#000;
}
optgroup {
background-color:#ccc;
color:#000;
}
button {
background-color: #ccc;
color: #333;
}

.add-bg-color{
background-color:#ffffe5;
}

input.uploadIMG[type="text"]{
border: 1px solid #ccc;
width:200px;
padding:5px;
margin:0 10px 0 0;
}

a.form-link, a.form-link:link, a.form-link:active, a.form-link:visited{
text-decoration:none;
color:#f09;
margin:0 0 0 20px;
}

a.form-link:hover{
text-decoration:underline;
}

input[type="submit"].greybutton {
background-color: #ccc;
border:none;
color: #f09;
font-size:12px;
padding:1px 5px;
cursor:hand;
margin-top:0;
}

input[type="submit"].greybutton:hover {
background-color:#f69;
color: #fff;
cursor:hand;
}

input[type="submit"] {
background-color: #f09;
border:none;
color: #fff;
font-size:18px;
font-weight:normal;
padding:1px 10px;
cursor:hand;
margin-top:0;
}

input[type="submit"]:hover{
background-color:#f69;
cursor:hand;
}

#bottomnavigation input[type="submit"] {
background-color: #f09;
border:none;
color: #fff;
font-size:12px;
font-weight:normal;
padding:2px 10px;
cursor:hand;
margin-top:0;
float:right;
}

#bottomnavigation input[type="submit"]:hover{
background-color:#f69;
cursor:hand;
}


#submit-area {
text-align:right;
margin:10px 0 0 0;
}

/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 20px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 0px 0 10px 0;
    padding: 30px 20px 30px 50px
}

.notfound{
    background: #f3f8fc;
    color: #006dba;
    margin: 0px 0 10px 0;
    padding: 30px 50px;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
	background: url(../images/skin/exclamation.png) 20px 0% no-repeat;
    line-height: 16px;
    padding: 2px 20px 5px 50px;
}
.photo {
  border: 0px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  float:left;
  background-color:#eee;
}

.photo img {
  vertical-align: middle;
  border:1px solid #eee;
}

div.selected {
  border: 1px solid #FF6699;
}

.photo.thumb {
  width: 80px;
  height: 80px;
  line-height:78px;
}

.photo.tiny {
  width: 50px;
  height: 50px;
  line-height:48px;
  margin-right:10px;
}

.photo.full {
  width: 400px;
  height: 300px;
  line-height:300px;
}

.adblock {
  border: 0px;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}

.adblockContainer {
  text-align: center;    
}

#adblockTop {
  width: 100%;
  height: 90px;
  margin: 0 0 20px;
}

#adblockContent {
  height: 90px;
  margin: 0 0 20px;
}

#adblockSubContent {
  width:  300px;
  height: 250px;
  margin: 0 0 20px 0;
}

.captcha {
  margin-left:170px;
  vertical-align: middle;
  width: 285px;
  background:#eee;
  padding: 5px 2px 2px 5px;
}

.conversation-item .messagecaptcha {
  text-align:center;
  margin:10px 0px;
}

.captcha img, .messagecaptcha img {
  border: 5px solid #eee;
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}
.required {
  color: red;
  font-size: 10px;
}

#photoList{
margin: 10px 20px 20px 20px;
}

button, input[type="button"], #photoList button, .button-group button, .photoEdit a {
background-color: #f09;
border:none;
color: #fff;
font-size:12px;
font-weight:normal;
padding:2px 5px;
cursor:hand;
}

button:hover, input[type="button"]:hover,  #photoList button:hover, .button-group button:hover, .photoEdit a:hover {
background-color:#f69;
cursor:hand;
border:none;
}

.button-group button.default, .button-group button{
font-weight:normal;
font-family:arial;
}

div.photoEdit {
width:80px;
float:left;
padding: 0 5.5px;
}

#photoList_row{
margin: 10px 0px;
}

.slideshow-hidden {
  display:none;  
}

.slideshow-direction{
float:left;
height:80px;
line-height:80px;
font-size:18px;
color: #CCCCCC;
}

.slideshow-direction a, 
.slideshow-direction a:link, 
.slideshow-direction a:active, 
.slideshow-direction a:visited{
text-decoration:none;
font-size:18px;
color:#FF0099;
}

.slideshow {
float:left;
}

.slideshow-direction a:hover{
color:#FF6699;
}

ul.slideshow{
margin:10px 10px 0;
padding:0;
list-style-type:none;
float:left;
}

ul.slideshow li{
display:inline;
}

ul.slideshow-buttons{
padding:5px 0;
margin:5px 20px;
list-style-type:none;
float:left;
}

ul.slideshow-buttons li{
display:inline;
}

.left {
float:left;
}

.right {
float:right;
}

#reportDialog, #addSelectPhotoDialog, #commentDialog, #searchDialog, #termsDialog {
border:3px solid #aaa;
}

#termsDialog {
text-align:left;
}

#searchDialog .bd {
padding-bottom:20px;
}

#reportDialog_h, #addSelectPhotoDialog_h, #commentDialog_h, #searchDialog_h, #termsDialog_h {
background-color: #d3d3d3;
color: #313B46;
padding:10px;
}

.yui-panel .bd {
background-color:#D3D3D3;
padding:0 10px;
}

.yui-panel .hd {
border:none;
}

.yui-dialog .ft, .yui-simple-dialog .ft {
background-color:#D3D3D3;
padding:10px 10px 10px;
}

.nomargin {
margin: 0;
}

.nostyle {
margin-left:0px;
width:80px;
text-align:center;
}

#null_icon{
vertical-align:middle;
margin:0 0 0 3px;
}

#termsDialog .bd {
  overflow:auto; 
}

#toc a, a.toc {
color: #006CFF;
line-height: 1.4em;
}

.faq-entry {
margin: 10px 0 20px 0;
}

ul#feaTabs{
        height:27px;
        border-bottom:1px solid #ff0099;
}

ul#feaTabs li{
        display: inline;
        float: left;
        line-height: 23px;
        height: 27px;
        font-size: 20px;
}

ul#feaTabs li a {
        display: block;
        float: left;
        text-decoration:none;
        margin: 0px 3px;
        padding: 0px 8px;
        height: 26px;
        background: #efefef;
        border-top:1px solid #efefef;
        border-right:1px solid #efefef;
        border-left:1px solid #efefef;
}

ul#feaTabs li a.active {
        display: block;
        float: left;
        padding: 0 8px;
        text-align: center;
        height: 26px;
        border: 1px solid #ff0099;
        border-bottom:1px solid #ffffff;
        background:#ffffff;
}
.conversation-item{
float:left;
width:500px;
margin:0px 65px;
padding:10px 0;
}
/* Normal Bubble */
div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

.messageinfo {
	position: relative;
	margin: -1px;
	padding: 7px 0px 0px 15px;
	background: transparent url(/images/tip.gif) no-repeat 20px 0;
	font-style: normal;
	font-size: 0.75em;
}
.sent {
margin-left:10px;
}
.received {
margin-left:200px;
}
.messagebox textarea {
width:490px;
border: 1px solid #C9C2C1;
}
.messagebox button {
float:right;
margin-right:5px;
}
.subtext {
font-size:0.9em;
color:#FF6699;
}