/* @group Branching Inputs */

.sdna .form .branching .branch{
	display: none;
}

/* @end */

/* @group Forms */

.sdna form, .sdna fieldset{
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
	clear: both;
}

.sdna .form .form_actions{
	padding: 10px;
	text-align: right;
}
.sdna .form_actions button,
.sdna .form_actions .button{
	vertical-align: middle;
}
.sdna .form .form_actions .left{
	float: left;
}
.sdna .form .form_actions .action_helpers{
}
.sdna .form .form_actions a{
	vertical-align: middle;
}
.sdna .form .form_actions button{
	margin-left: .5em;
}
.sdna .form .field,
.sdna .form .instructions{
	clear: both;
	position: relative;
	margin: 0;
	padding: 1.5em 10px;
	border-bottom: 1px solid transparent;	
}
.sdna .form .field .field{
	padding: 10px;
}
.sdna .form .instructions{
	padding-bottom: .5em;
}
.sdna .form .field_title{
	padding: .5em 10px 0.5em 10px;
}
.sdna .form .field .help{
	padding: 0;
	position: absolute;
	right: 10px;
	top: 3.8em;
	width: 31%;
	visibility: hidden;
	margin-top: 1px;
}

.sdna .form fieldset h4,
.sdna .form fieldset h5{
	padding: 1.5em 10px 0 10px;
	margin: 0;
}
.sdna .form .field label{
	display: block;
	padding: 0 0 0.5em 0;
}
.sdna .form .field  .explanation{
	font-size: 11px;
	padding: 0;
	margin: 0.5em 0;
}
.sdna .form .field.checkbox .explanation{
	
}
.sdna .form input[type=checkbox],
.sdna .form input[type=radio]{
	margin-left: 0;
	padding-left: 0;
}
.sdna .form input[type=checkbox] + label,
.sdna .form input[type=radio] + label{
	display: inline;
	vertical-align: baseline;	
}

.sdna .form .focus .help,
.sdna .form .field textarea:focus + .help,
.sdna .form .field input[type=text]:focus + .help{
	visibility: visible;
}
.sdna .field input[type=text],
.sdna .field input[type=password],
.sdna .field textarea,
.sdna .form input[type=text],
.sdna .form input[type=password],
.sdna .form textarea{
	font-size: 14px;
	padding: 5px;
	width: 64%;
}
.sdna .form .full input[type=text],
.sdna .form .full input[type=password],
.sdna .form .full textarea{
	padding: 5px;
	width: 97.5%;
}
.sdna .form .field select{
	font-size: 15px;
	min-width: 5em;
	padding: 2px 0;
	vertical-align: middle;
}
.sdna .form .field .help p{
	font-size: 11px;
	padding: 0.22em 0;
	margin: 0;
	color: #222;
}
.sdna .form fieldset.optional .field{
	display: none;
}
.sdna .form .field .radio{
	float: left;
	margin-right: 0.5em;
}
/* @end */

/* @group Add Tag */

.sdna form.add_tag input[type=text]{
	padding: 2px 5px;
	font-size: 12px;
	width: 5em;
	vertical-align: top;
}
.sdna form.add_tag{
	display: inline;
}
.sdna a.delete_tag{
	background: url(/images/icons/progress_cancel_dual.png) 0 0 no-repeat;
	text-indent: -9000px;
	margin-left: 0.25em;
	width: 16px;
	height: 14px;
	display: inline-block;
	vertical-align: text-top;	
	line-height: 14px;
	opacity: 1;
	overflow: hidden;
	position: relative;
}
.sdna a.delete_tag:hover{
	background-position: 0 -14px;
}


/* @end */

/* @group Forms */

legend { padding: 0 10px; font-weight: bold; font-size: 14px; line-height: 20px; }
label { font-weight: bold; }
textarea { padding: 10px; }

.sdna .form .field,
.sdna .form .instructions,
.sdna .form .field_title{
	border-bottom: 1px solid #eee;		
}
.sdna .form .field .field{
	border: 0;
}
.sdna .form .required span.required{
	font-size: 11px;
	font-weight: normal;
	color: #999;
}
.sdna .form .field:last-child{
	border: 0;
}
.sdna .form .field label{
	color: #444;
}
.sdna .form .focus{
	background: #F5F5F5;
}
.sdna .form .focus label{
	color: #222;
}
.sdna .field input[type=text],
.sdna .field input[type=password],
.sdna .field textarea,
.sdna .form input[type=text],
.sdna .form input[type=password],
.sdna .form textarea{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color: #555;	
	background: white url(/images/bg/input.gif) 0 0 repeat-x;
	border: 1px solid #B1C2D0;
	border-top-color: #9CACB9;
	-webkit-box-shadow: rgba(255,255,255,0.6) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.6) 0 1px 0;
	-o-box-shadow: rgba(255,255,255,0.6) 0 1px 0;
	box-shadow: rgba(255,255,255,0.6) 0 1px 0;
	vertical-align: middle;
}
.sdna .form .field select{
}
.sdna .field input[type=text]:focus,
.sdna .field input[type=password]:focus,
.sdna .field textarea:focus,
.sdna .form input[type=text]:focus,
.sdna .form input[type=password]:focus,
.sdna .form textarea:focus{
	color: #222;	
}
.sdna input.watermarked,
.sdna textarea.watermarked{
	color: #aaa !important;
}
.sdna .form .field .help p{
	color: #222;
}
.sdna .form .field .help{
	background: #F5E792 url(/images/bg/message.png) 0 0 repeat-x;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color: #333;
	border: 1px solid #D1CA75;
	font-size: 12px;
}
.sdna .form .field .help div{
	background: url(/images/help_arrow.gif) 0 8px no-repeat;
	margin-left: -5px;
	padding-left: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}


/* @end */

/* @group Errors */

.sdna .form .field.error{
	background-color: #F5CCCC;
	border: 1px solid rgba(200,0,0,0.15);
	margin-top: 1em;
}
.sdna .form .field.error input,
.sdna .form .field.error textarea{
	border-color: #CC8080;
}
.sdna .form .field.error>label{
	color: #990000;	
}
.sdna .form .field.error label span.error,
.sdna .form .field.error span.error{
	color: #AA0000;
	font-style: italic;	
	font-weight: normal;
	padding-left: 0.5em;
}

/* @end */

/* @group Buttons */



.sdna button,
.sdna .button,
.sdna a.button{
	font-size: 12px;
	font-weight: bold;
	font-family: inherit;
	padding: 5px 10px;
	text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 11px;
	background: url(/images/bg/button.png) 0 0 repeat-x;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);	
	color: #333;	
	cursor: pointer;	
	white-space: nowrap;
}
.sdna span.button{
	padding-right: 0;
	padding-left: 0;
}

.sdna button.primary,
.sdna .button.primary,
.sdna a.button.primary{
	background-image: url(/images/bg/button_green.png);
	border-color: #609E27;
	border-left-color: 1px solid #6AA430;
	border-right-color: 1px solid #6AA430;
	color: white !important;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.sdna .button.button_small,
.sdna a.button.button_small{
	font-size: 10px;
	padding: 3px 6px;
}
.sdna .button.compact,
.sdna a.button.compact{
	line-height: 1;	
	padding-right: 4px;
	padding-left: 4px;
}
.sdna button.disabled,
.sdna .button.disabled,
.sdna a.button.disabled{
	color: #111;
	color: rgba(0,0,0,0.4);
	border-color: transparent;
	cursor: default;
	opacity: 0.5;
	-moz-opacity:0.5;
}
.sdna button.add,
.sdna button.date{
	padding: 5px 5px;	
}
.sdna button.add span,
.sdna button.date span{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/images/btn_add.gif) center center no-repeat;
	text-indent: -1000em;
	vertical-align: middle;
}
.sdna button.date span{
	background: url(/images/icons/btn_calendar.png) center center no-repeat;	
}

.sdna button.secondary,
.sdna .button.secondary,
.sdna a.button.secondary{
	border: 0;
	background: none;
}

.sdna span.button{
	background: none;
	border: 0;
}
.sdna button:hover,
.sdna button.subtle:hover,
.sdna a.button:hover{
	background-position: 0 -50px;
	color:#111;	
}
.sdna button.subtle:hover{
	background: url(/images/button.png) 0 0 repeat-x;
	color: white;
}
.sdna button:active,
.sdna a.button:active,
.sdna a.button:focus,
.sdna button:hover:active,
.sdna button.subtle:active{
	background-position: 0 -100px;	
	border-color: #AAA;
	color:#111;	
}

.sdna button.primary:active,
.sdna .button.primary:active{
	border-color: #609E27;
	border-left-color: 1px solid #6AA430;
	border-right-color: 1px solid #6AA430;	
}
.sdna .action_menu .button,
.sdna .action_menu button{
	padding-right: 6px;
	padding-left: 6px;
	margin-left: 5px;
	width: auto !important;
}
.sdna .action_menu .button span,
.sdna .action_menu button span{
	background: url(/images/icons/menu.png) 0 center no-repeat;
	text-indent: -9000px;
	text-align: left;
	display: inline-block;
	width: 18px;
	line-height: 1.2;
}
.sdna .action_menu .primary span{
	background: url(/images/icons/menu_primary.png) 0 center no-repeat;	
}

.sdna .form .field.full button,
.sdna .form .field.full .button{
	width: 100%;
	margin: 0 auto;
}

.sdna .refresh.button span{
	padding-left: 20px;
	background: url(/images/icons/btn_refresh.png) 0 center no-repeat;
}
.sdna .refresh.button.primary span{
	padding-left: 20px;
	background: url(/images/icons/btn_refresh_primary.png) 0 center no-repeat;
}


/* @end */

/* @group Files */

/* @group Photo */

label.photo span a{
	background: url(/images/icons/photo_link.png) 0 center no-repeat;
	padding-left: 18px;
}
label.photo span button span{
	background: url(/images/icons/photo_button.png) 0 center no-repeat;
	padding-left: 20px;
}

/* @end */

.sdna .form label.file,
label.file{
	position: relative;
	overflow: hidden;
	color:red;
	display: inline-block;
	display:-moz-inline-box;
	display: -moz-inline-stack;
	vertical-align: middle;
}
.sdna .form label.file input,
label.file input{
	font-size: 20em;
	position: absolute;
	right: 0;
	top:-2px;
	bottom:0;
	opacity:0;
	-moz-opacity:0;
	margin: 0;
	padding: 0;
	float:left;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);				
}
label.file span{
	vertical-align: top;
}

/* @group Flash Uploader */

/* Flash uploader */
label.file object,
label.file embed{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	display: inline;
}

.sdna span.progress,
.sdna .cabinet .queue .percentage{
	width: 16px;
	height: 14px;
	line-height: 14px;
	text-indent: -9000px;
	overflow: hidden;
	display: inline-block;
	vertical-align: text-top;
	margin-left: 0.25em;
	background: url(/images/indicators/progress_12.png) 0 center no-repeat;
	opacity: 0.7;
	position: absolute;
	top:0;
	left: 0;
}
.sdna .cabinet .queue .uploadifyQueueItem{
	position: relative;
	display: inline;
	padding-right: 16px;
	padding-left: 18px;
	font-size: 11px;
	font-weight: bold;
}
.sdna .form fieldset.cabinet{
	clear: none;
	margin-top: 1em;
}
.sdna .cabinet .queue .cancel{
	position: absolute;
	right: 0;
	top: 0;
}
.sdna .cabinet .queue .cancel{
	position: absolute;
	right: 0;
	top: 0;
}
.sdna .cabinet .queue .cancel a img{
	position: absolute;
	left: 0;
	top: 0;
}
.sdna .cabinet .queue .cancel a:hover img{
	top: -14px;
}

.cabinet .queue .uploadifyError .fileName{
	color: #990000;
}
.cabinet .queue .uploadifyError .percentage{
	background: url(/images/indicators/progress_error.png) 0 center no-repeat !important;	
	opacity: 1;
}

.cabinet .queue,
.cabinet .queue div{
	display: inline;
}
.cabinet .queue .uploadifyProgress{
	display: none;
}

/* @group File Drawer (Uploaded files) */

.sdna .cabinet .drawer a.remove,
.sdna .cabinet .queue .cancel a{
	width: 16px;
	height: 14px;
	display: inline-block;
	vertical-align: text-top;	
	line-height: 14px;
	opacity: 1;
	overflow: hidden;
	position: relative;
}
.sdna .cabinet .drawer a.remove{
	background: url(/images/icons/progress_cancel_dual.png) 0 0 no-repeat;
	text-indent: -9000px;
	margin-left: 0.25em;
}
.sdna .cabinet .drawer{
	padding: 0;
}
.sdna .cabinet .drawer a.remove:hover{
	background-position: 0 -14px;
}

.sdna .cabinet .drawer .file{
	padding: 0;
	display: block;
	background: rgba(0,0,0,0.08);
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-weight: bold;
	clear: both;
}
.sdna .cabinet .drawer .file input.caption{
	margin-right: 0.25em;
}
.sdna .cabinet .drawer .file label{
	color: inherit;
	padding: 0;
	display: inline;
	vertical-align: inherit;
}
.sdna .cabinet .drawer .jpg label,
.sdna .cabinet .drawer .gif label,
.sdna .cabinet .drawer .png label{
	background: url(/images/icons/photo_button.png) 2px center no-repeat;
	padding-left: 20px;
}

.sdna .cabinet .drawer .file_current{
	display: inline-block;
	padding: 5px;
}
.sdna .cabinet .drawer .file_current label,
.sdna .cabinet .drawer .file_current a{
	vertical-align: middle;
	display: inline-block;
}
.sdna .cabinet .drawer .file_current label{
}


/* @end */



/* @end */

/* @end */

/* @group Share Box */

.sdna div.share_box .person_menu{
	position: absolute;
	left: 10px;
	top: 1.5em;
}
.sdna div.share_box textarea.comment{
	height: 1.4em;
	width: 410px;
	margin-bottom: 3px;
}

.sdna div.share_box h3{
	padding-top: 0;
	font-size: 1em;
}
.sdna div.share_box input.caption{
	width: 400px;
}

.sdna div.share_box .autogrow_wrapper{
	float: left;
}
.sdna div.share_box button.share_button{
	float: left;
	margin-left: 0.5em;
}
.sdna .share_box .share_options{
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	clear: both;
	overflow: hidden; /*clear floats*/
}
.sdna .message div.status_box .form_actions{
	width: auto;
	padding: 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 2;
}
.sdna div.share_box .share_options .share_social{
	float: left;
	clear: none;
	padding-left: 0.25em;
	font-weight: normal;
	position: absolute;
	z-index: 1;
	right: 3em;
	top: 2em;
}
.sdna div.share_box .share_options .share_social *{
	vertical-align: text-top;	
	font-weight: normal;
}
.sdna div.share_box .share_options .share_social input{
	margin: 0 0 0 .25em;
}

/* @group Status Box */

.sdna div.status_box{
	clear: left;
	width: 600px;
	position: relative;
}
.sdna div.share_box{
	width: 580px;
	padding: 10px;
	position: relative;
}
.sdna div.status_box .cabinet{
	padding: 0;
	margin: 0;
}
.sdna div.status_box .cabinet .drawer{
	padding: 5px 0;
}
.sdna div.status_box .cabinet .file_input{
	padding: 3px 0;
}
.sdna div.status_box .autogrow_wrapper{
	float: left;
	display: inline;
}
.sdna div.status_box textarea.comment{
	font-size: 24px;
	height: 1.4em;
	width: 568px;
	vertical-align: top;
}
.sdna div.status_box input.photo_caption{
	width: 350px;
	margin-top: 5px;
	float: left;
}
.sdna div.status_box h3,
.sdna div.status_box h3 *,
.sdna div.status_box h3 a{
	font-size: 15px;
	font-weight: bold;
}
.sdna div.status_box h3 a.change_location{
	font-size: 12px;
	font-weight: normal;
}
.sdna div.status_box a.checkin{
	font-weight: normal;
	font-size: 12px;
}
.sdna div.status_box h3{
	padding-bottom: .75em;
}
.sdna div.status_box .share_options .share_social{
	top: 1.5em;
	right: 10px;
}
.sdna div.status_box button.submitting{
	color:#333 !important;
	font-size: 16px;
}
.sdna div.status_box .status_bar{
	white-space: nowrap;
}

.sdna .message div.status_box .field textarea.comment,
.sdna div.status_box .field input.photo_caption{
	border-color: #C4BB67;
}
.sdna .message div.status_box .field textarea.comment{
	width: 568px;
}
.sdna .message div.status_box,
.sdna .message div.status_box .form .field{
	margin: 0;padding: 0;
}
.sdna .message div.status_box h3{
	padding-top: 0.5em;
	padding-bottom: 0;
	margin-right: 12em;
}
.sdna .message div.status_box h3 strong{
	display: block;
}
.sdna .message div.status_box{
	padding: 10px;
	overflow: hidden;
}

/* @end */

/* @end */

/* @group Menus */

.sdna .menu{
	display: block;
	position: absolute;
	left: 100%;
	font-size: 11px;
	color: white;
	text-align: left;
	font-weight: bold;
	line-height: 1.4;
	background: url(/images/menu_arrow.png) 0 20px no-repeat;
	
	/* offset for the beak */
	margin: -12px 0 0 -3px;
}
.sdna .menu_left{
	margin-left: 0;
	background: url(/images/menu_arrow_left.png) 100% 20px no-repeat;
}
.sdna .menu_left .menu_options{
	margin-left: 0;
	margin-right: 6px;
}

.sdna .menu ul.menu_options{
	margin-left: 6px;
	background-color: rgba(0,0,0,0.8);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius : 5px;
	border-radius:5px;
	overflow: hidden;
	padding: 5px 10px;
	border: 0 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
}

.sdna .menu .menu_options li{
	padding: 0 !important;
	border:  0 !important;
}
.sdna .menu .menu_options li,
.sdna .menu .menu_options li a{
	position: static !important;
	right: auto !important;
	top: auto !important;	
}
.sdna .menu .menu_options li a{
	color: white;
	white-space: nowrap;
	text-decoration: none;
	display: block;
	padding: 2px 0;
	font-weight: bold;
}
.sdna .menu .menu_options li a:hover{
	text-decoration: none;
	color: #bbb !important;
}



/* @end */