body {
	margin:0;
	font-size:12px;
	font-family: Arial, Tahoma, Sans Serif, Verdana;
	color:#838383;
	padding:0;
	background:#fff;
	text-align:left;
}
a {
	color:#239AD2;
	text-decoration:underline;
}
.b {
	clear:both;
}
img {
	border:0;
}
#body {
	width:950px;
	margin:0 auto;
}
#header {
	position:relative;
	z-index:1;
	height:44px;
	padding-top:5px;
	margin-bottom:-44px;
	background-color:#fff;
}
.service-title {
	color:#44a6d3;
	font-size:21px;
	font-weight:bold;
	font-family: "Arial Black", Arial, sans-serif;
	text-decoration:none;
	font-style:normal;
}
.service-title span {
	color:#27caff;
}
.upload-info {
	padding:6px 30px 4px 30px;
	margin-left:-25px;
	float:none;
}
.upload-info a {
	display:inline;
	margin-bottom:0;
}

.seo-header {
	height:38px;
	margin:0;
	padding:9px 0 5px 0;
	font-size:12px;
	line-height:18px;
}
.service-title {
	position:relative;
	float:left;
}
.service-title span {
}
.shared-service-title {
	color:#046896;
	font-size:13px;
	font-weight:bold;
	font-family:Tahoma, Arial, sans-serif;
	text-decoration:none;
}
#codes-panel {
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:474px;
}
#codes-panel li {
	list-style:none;
	float:left;
	margin:0 2px;
	position:relative;
	width:154px;
}
#codes-panel li a {
	display:block;
	height:26px;
	background-image:url(../bundles/photofrontendbundle/images/image-viewer/codes-panel.png);
	background-position:-5px 0;
	border-left:1px solid #bfc9d8;
	border-right:1px solid #bfc9d8;
	line-height:26px;
	text-align:center;
	text-decoration:none;
	color:#838383;
	position:relative;
	z-index:20;
}
#codes-panel li.active a {
	background-position:-5px -27px;
	border-left:1px solid #a1dbf4;
	border-right:1px solid #a1dbf4;
	padding-bottom:3px;
	margin-bottom:-1px;
}
#codes-panel #links a {
	background-position:0 0;
	border-left:none;
}
#codes-panel #bbcodes a {
	background-position:right 0;
	border-right:none;
}
#codes-panel #links.active a {
	background-position:0 -27px;
}
#codes-panel #bbcodes.active a {
	background-position:right -27px;
}
.codes-content {
	position:absolute;
	top:28px;
	width:468px;
	background:#e8f7fe;
	border-left:1px solid #a1dbf4;
	border-right:1px solid #a1dbf4;
	border-top:1px solid #a1dbf4;
	z-index:10;
	display:none;
}
#codes-panel li.active .codes-content {
	display:block;
}
#codes-panel #links .codes-content {
	left:0;
}
#codes-panel #embed .codes-content {
	left:-158px;
}
#codes-panel #bbcodes .codes-content {
	right:0;
}
.codes-content p {
	margin:0;
	padding:4px 20px;
}
.codes-content input {
	width:100%;
	border: 1px solid #d5d9df;
	height:20px;
	color:#a9a9a9;
}
.codes-content .footer {
	background-image:url(../bundles/photofrontendbundle/images/image-viewer/codes-panel.png);
	width:7px;
	height:7px;
	margin-bottom:-7px;
}
.codes-content .footer-left {
	background-position:0 -57px;
	float:left;
	margin-left:-1px;
}
.codes-content .footer-right {
	background-position:-8px -57px;
	float:right;
	margin-right:-1px;
}
.codes-content .footer-center {
	margin:0 6px -7px 6px;
	border-bottom:1px solid #a1dbf4;
	height:6px;
	background-color:#e8f7fe;
}
#image-wrapper {
	background-color:#fff;
	padding-top:50px;
	position:relative;
	width:100%;
	height:575px;
	text-align:center;
}
.frame-gorizontal {
	background-image:url(../bundles/photofrontendbundle/images/image-viewer/view-image-3.png);
}
.frame-gorizontal, .frame-vertical {
	background-color:#f2f2f2;
}
.frame-header {
	background-position: 0 -42px;
	background-repeat:repeat-x;
	height:18px;
}
.frame1, .frame2, .frame3, .frame4 {
	margin:0;
}
.frame1 {
	background-position: 0 0;
	width:8px;
	height:18px;
	float:left;
}
.frame2 {
	background-position: -9px 0;
	width:10px;
	height:18px;
	float:right;
}
.frame3 {
	background-position: -9px -19px;
	width:10px;
	height:22px;
	float:right;
}
.frame4 {
	background-position: 0 -19px;
	width:8px;
	height:22px;
	float:left;
}
.frame-left {
	background-image:url(../bundles/photofrontendbundle/images/image-viewer/view-image-4.png);
	background-position: -388px 0;
	padding-left:17px;
	background-repeat:repeat-y;
	margin:0 auto;
}
.frame-right {
	background:#fff url(../bundles/photofrontendbundle/images/image-viewer/frame-right.png) right repeat-y;
	padding-right:19px;
}
.frame-footer {
	background-position: 0 -61px;
	background-repeat:repeat-x;
	height:22px;
}
#viewer-footer {
	height:40px;
	position:static;
	bottom:0;
	left:0;
	background-color:#fff;
}
#social-tabs {
	width:948px;
	margin:0 auto;
	padding-bottom:10px;
}
#social-tabs ul {
	margin:0;
	padding:0;
	border-bottom:1px solid #bfc9d8;
	height:25px;
}
#social-tabs ul li {
	float:left;
	list-style:none;
	display:block;
	margin:0 5px 0 0;
	padding:0;
}
#social-tabs ul li a {
	display:block;
	padding:0 10px;
	background-image:url(../bundles/photofrontendbundle/images/image-viewer/codes-panel.png);
	background-position:-5px 0;
	border-left:1px solid #bfc9d8;
	border-right:1px solid #bfc9d8;
	line-height:25px;
	height:25px;
	text-align:center;
	color:#838383;
	text-decoration:none;
	position:relative;
}
#social-tabs ul li.active a {
	background-image:none;
	background-color:#fff;
	border-top:1px solid #bfc9d8;
	line-height:24px;
	height:24px;
	padding-bottom:1px;
	margin-bottom:-1px;
}
#social-tabs ul li .social-icon {
	background-image:url(../bundles/photofrontendbundle/images/image-viewer/social-icons.png);
	width:16px;
	height:16px;
	float:left;
	position:relative;
	margin:4px 3px 0 0;
}
.fb-icon {
	background-position:0 0;
}
.vk-icon {
	background-position:0 -17px;
}
.tw-icon {
	background-position:0 -34px;
}
#social-tabs .tab-content {
	border-left:1px solid #bfc9d8;
	border-right:1px solid #bfc9d8;
	border-bottom:1px solid #bfc9d8;
	padding:5px;
	display:block;
}
#social-tabs .hidden {
	display:none;
}
#image-removed {
	position:absolute;
	top:50%;
	width:100%;
	text-align:center;
	font-size:16px;
}
#image-removed img {
	display:inline;
	vertical-align:middle;
	margin:-2px 3px 0 0;
}
.sharing-buttons {
	float:right;
	padding:4px 10px 0 0;
	margin:0 0 -25px 15px;
	height:25px;
}
.message-box-container {
	margin-left:0;
	width:656px;
	margin-top:2px;
}
.tweet-box {
	float:left;
}
.tweet-box .title {
	font-size:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	float:left;
	color:#333333;
}
#message-length {
	padding-top:5px;
	margin-right:15px;
}
#tost-to-twitter {
	margin-top:43px;
	margin-right:0;
}
#tost-to-twitter .label {
	width:219px;
	text-align:center;
}
#twit-message {
	width:650px;
}

