/* @override 
	http://www.pwp/css/style.css
*/

#footer {
	color: #666;
}
.notice {
	display: block;
	padding: 0.8em;
	margin: 1em 0;
}

/* @group Basics */

body {
	text-align: left;
}

hr {
	margin-top: 1.5em;
}

/* @end */

/* @group Header */
#header {
	background: #3a3a3a;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background-image: -moz-linear-gradient(top, #444, #111);
	padding: 0 2%;
	min-height: 72px;
	position: relative;
}
#top-logo {
	display: block;
	padding: 16px 0 10px 0;
	float: left;
}
#logout, #switch-usermode {
	text-align: right;
	float: right;
	margin-top: 32px;
	/*margin-right: 1%;*/
	padding: 0 .25em;
	color: #7abde3;
	font-size: 1.25em;
	text-decoration: none;
}
#logout:hover, #switch-usermode:hover {
	color: #bee6ff;
}
#switch-usermode {
	margin-right: 1em;
	border-right: 1px solid #ccc;
	padding-right: 1em;
}

/* @end */

/* @group Typography */

a {
	color: #0052ab;
}
a:hover {
	color: #008bd1;	
}

/* @end */

/* @group Layout */

#content {
	padding-top: 1.4em;
	width: 96%;
	position: relative;
	margin: 0 2%;
}

#container {
	min-width: 950px;
}

div.form,
div.index,
div.view {
	float: right;
	width: 76%;
}

/* @group Popup */

#popup #container {
	min-width: 600px;
}

/* @end */

/* @end */

/* @group Actions, Inline Help */

div.actions {
	float: left;
}

#action-sidebar, #inline-help {
	float: left;
	clear: left;
	width: 19%;
	padding: 10px 10px 0 10px;
	min-height: 90px;
	background: #0081ca url(../img/layout/sidebar-bottom.png) repeat-x left bottom;
	margin-bottom: 20px;
	color: #fff;
}
#inline-help {
	padding-bottom: 60px;
}
#action-sidebar {
	padding-bottom: 50px;
}
#action-sidebar, #inline-help {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-opera-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-opera-border-top-right-radius: 10px;
	border-top-right-radius: 10px;	
}
#action-sidebar h3, #inline-help h3 {
	padding-top: 0;
	color: #fff;
}

#view-site-container {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1001;
	font-size: 0.83em;
}
#view-my-site {
	position: relative;
	top: 14px;
	background: #e36300;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
#view-my-site:hover {
	background: #f9c029;
	color: #333;
}

/* @end */

/* @group Buttons */

div.actions ul li a,
td.actions a,
a.action {
	font-weight: normal;
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
	background-image: -moz-linear-gradient(top, #ccc, #ddd);
	color:#333;
	border: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-khtml-border-radius: 8px;
	text-decoration:none;
	text-shadow: #fff 1px 1px 1;
	min-width: 0;
	padding: 4px 8px;
}
div.actions ul li a:hover,
td.actions a:hover,
a.action:hover {
	background: #0052ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#008bd1), to(#0052ab));
	background-image: -moz-linear-gradient(top, #008bd1, #0052ab);
	color: #fff;
	text-shadow: none;
	text-decoration: none;
}
#action-sidebar ul li a {
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
	background-image: -moz-linear-gradient(top, #ccc, #ddd);	
}
#action-sidebar ul li a:hover {
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));	
	color: #333;
}

form .submit input[type=submit] {
	background: #0052ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#008bd1), to(#0052ab));
	background-image: -moz-linear-gradient(top, #008bd1, #0052ab);
	border: none;
	color: #fff;
	text-shadow: none;
	font-size: 1.25em;
}
form .submit input[type=submit]:hover {
	background: #0095e1;
	cursor: pointer;
}
form .submit input[type=submit][disabled], form .submit input[type=submit][disabled]:hover {
	background: #ccc;
	color: #666;
}
div.actions ul li a {
	line-height: 1.75;
}
div.actions ul li a img {
	position: relative;
	top: 3px; 
	left: 0;
	padding-right: 4px;
}
form div.submit {
	float: left;
	margin: 0 36px 0 0;
}
#reset-button {
	float: left;
	padding: 5px 8px 3px;
	position: relative;
	left: 0;
	top: 2px;
}
#reset-button:hover {
	background: #f48418;
}
#reset-button:before {
	content: 'or';
	position: absolute;
	left: -26px;
	z-index: -1;
	color: #333;
}
#forgot-password {
	float: right;
	padding: 5px 8px 3px;
	position: relative;
	left: 0;
	top: 2px;
}
#forgot-password:hover {
	background: #f48418;
}

/* @end */

/* @group Footer */

#footer {
	padding: 0 20px;
	text-align: right;
	color: #666;
}
#footer a {
	color: #666;
	font-weight: normal;
}

/* @group Sticky Footer Settings */

#container {
	padding-bottom: 80px;
}
#footer {
	margin-top: -30px;
	height: 30px;
}

/* @end */

/* @end */

/* @group Forms */

fieldset legend {
	font-size: 1.65em;
	font-weight: bold;
}
form {
	margin: 0;
	width: auto;
	clear: both;
}
form div {
	margin: 0;
	padding: 0;
}
label {
	display: block;
	margin-top: 1em;
	cursor: pointer;
}
.input .tip {
	margin-left: 0.35em;
	position: relative;
	top: 3px;
}
input#site-subdomain {
	width: 33%;
	float: left;
	text-align: right;
	padding: 8px 0 8px 8px;
	font-weight: bold;
}
span.top-domain {
	float: left;
	font-size: 2em;
	position: relative;
	top: 0.25em;
	color: #777;
}
fieldset {
	position: relative;
}

/* @end */

/* @group Tables */

td.actions {
	text-align: left;
}
table td.actions a {
	/*margin: 0px 6px;*/
	padding:2px 5px;
}

/* @end */

/* @group Notices and Errors */

#flashMessage.success, #flashMessage.error {
	clear: both;
	color: #fff;
	font-size: 2em;
	margin: 0;
	border: none;
	min-height: 40px;
	padding: 15px 5px 5px 20px;
	position: fixed;
	width: 100%;
	z-index: 900;
	/*bottom: 14px;*/
	top: 0;
	left: 0;
	opacity: 0.95;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
#flashMessage.success .message, #flashMessage.error .message {
	position: relative;
	left: 0;
	top: -0.25em;
	padding-left: 8px;
}
#flashMessage.error img,
#flashMessage.success img {
	cursor: pointer;	
}
#flashMessage.success {
	background: #478a47;
	background: -webkit-gradient(linear, left top, left bottom, from(#5fba5f), to(#478a47));
	background-image: -moz-linear-gradient(top, #5fba5f, #478a47);
}
#flashMessage.error {
	background: #666;
}
div.error-message {
	color: #c00;	
}
#users-login #flashMessage,
#users-register #flashMessage {
	position: relative;
	width: auto;
}
#flashMessage a {
	color: #ccc;
}

/* @end */

/* @group Top Tabs */

#main-menu {
	clear: both;
	font-size: 1.25em;
	margin: 0;
	border: none;
}

#main-menu li a {
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-opera-border-top-left-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-opera-border-top-right-radius: 10px;
	border-top-right-radius: 10px;	
}

#main-menu li {
	margin-right: .5em;
	border: none;
	background: transparent;
}
#main-menu li.right {
	float: right;
	margin-right: 0;
	margin-left: .5em;
}
#main-menu li a {
	padding: .33em .75em .25em .75em;
	border: none;
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background-image: -moz-linear-gradient(top, #eee, #aaa);
	color: #222;
}
#main-menu li a.selected {
	background: #006cb9;
	background: -webkit-gradient(linear, left top, left bottom, from(#008bd1), to(#0052ab));
	background-image: -moz-linear-gradient(top, #008bd1, #0052ab);	
	cursor: pointer;
	color: #fff;
}
#main-menu li a.selected img {
	border: none;
}
#main-menu li a:hover {
	background: #666;
	border-color: #666;
	color: #fff;
}
#main-menu li a img {
	position: relative;
	top: 3px;
	left: 0;
	margin-right: 2px;
}

/* @end */

/* @group Site Main Menu */

#site-menu li, #site-menu li a {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-left-radius: 5px;
	-opera-border-top-left-radius: 5px;
	border-top-left-radius: 5px;

	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-top-right-radius: 5px;
	-opera-border-top-right-radius: 5px;
	border-top-right-radius: 5px;	
}
#site-menu {
	position: absolute;
	width: 76%;
	overflow: visible;
	top: 0;
	right: 0;
	margin-top: 45px;
	border: none;
}
#site-menu li {
	border: none;
	margin-right: 1px;
}
#site-menu li a {
	padding: 0.33em 0.66em 0.33em;
}
#site-menu li a.selected {
	background: #006cb9;
	border-color: #006cb9;
}
#site-menu li a:hover {
	background: #666;
	border-color: #666;
	color: #fff;
}

#site-menu li a.selected:hover {
	background: #006cb9;
	border-color: #006cb9;
}
/* @end */

/* @group Site Submenus */

#site-menu li ul {
	clear: both;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #008bd1;
	background: -webkit-gradient(linear, left top, left bottom, from(#008bd1), to(#0052ab));
	background-image: -moz-linear-gradient(top, #008bd1, #0052ab);
	position: absolute;
	left: 0;
	top: 2.15em;
	border-top: 1px solid #00487c;
	border-bottom: 1px solid #004e86;
}
#site-menu li ul li {
	margin: 0;
	padding: 0;
	float: left;
	border-right: 1px solid #333;
	position: relative;
}
#site-menu li ul li, #site-menu li ul li a {
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-khtml-border-top-left-radius: 0px;
	-opera-border-top-left-radius: 0px;
	border-top-left-radius: 0px;

	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-khtml-border-top-right-radius: 0px;
	-opera-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}
#site-menu li ul.hide {
	/* Make sure we hide the ones that are supposed to be hidden */
	display: none;
}
#site-menu li ul li a {
	background: transparent;
	border: none;
	color: #fff;
	padding: 0.33em 9px;
	/* padding: 0.33em 1.5em; */
}
#site-menu li ul li a:hover {
	background: #47aee1;
	background: -webkit-gradient(linear, left top, left bottom, from(#18abf5), to(#0052ab));
	background-image: -moz-linear-gradient(top, #18abf5, #0052ab);
	text-decoration: none;
}

/* @end */

/* @group Current Tab indicator */

#site-menu li ul li div.current {
  border-color: #004e86 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-21px;
  left:39%;
}

  /* IE6 */
#site-menu li ul li div.current {
    _border-left-color: pink;
    _border-bottom-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
}

/* @end */

/* @group Space for Site Menu */

div.sites,
div.videos,
div.colors,
div.contentPages,
div.photosSites,
div.menuItems,
div.headerPhotos,
div.logos,
div.userPhotos,
div.sitesVideos,
div.contentBlocks {
	padding-top: 8.75em;
}
div.sites.index,
div.sites.view,
div.sites.add {
	padding-top: 0;
}

/* @end */

/* @group Color Picker */

/* @group Custom Widget */

#colors-index .colorpicker {
	background-image: url(../js/colorpicker/images/custom_background.png);
	position: absolute;
	bottom: 0;
	left: 0;
}
#colors-index .colorpicker_hue div {
	background-image: url(../js/colorpicker/images/custom_indic.gif);
}
#colors-index .colorpicker_hex {
	background-image: url(../js/colorpicker/images/custom_hex.png);
	left: 236px; /* 212 + 24 */
}
#colors-index .colorpicker_rgb_r {
	background-image: url(../js/colorpicker/images/custom_rgb_r.png);
	display: none;
}
#colors-index .colorpicker_rgb_g {
	background-image: url(../js/colorpicker/images/custom_rgb_g.png);
	display: none;
}
#colors-index .colorpicker_rgb_b {
	background-image: url(../js/colorpicker/images/custom_rgb_b.png);
	display: none;
}
#colors-index .colorpicker_hsb_s {
	background-image: url(../js/colorpicker/images/custom_hsb_s.png);
	display: none;
}
#colors-index .colorpicker_hsb_h {
	background-image: url(../js/colorpicker/images/custom_hsb_h.png);
	display: none;
}
#colors-index .colorpicker_hsb_b {
	background-image: url(../js/colorpicker/images/custom_hsb_b.png);
	display: none;
}
#colors-index .colorpicker_submit {
	background-image: url(../js/colorpicker/images/custom_submit.png);
	display: none;
}
#colors-index .colorpicker input {
	color: #778398;
}

/* @end */



#color-index-form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#color-index-form li {
	height: 65px;
	padding: 10px 0;
	float: left;
	width: 50%;
}

#color-index-form h4 {
	float: left;
	font-weight: bold;
	position: relative;
	top: 1.4em;
	left: 1em;
}

.color-selector {
	float: left;
	width: 65px;
	height: 65px;
	display: block;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* @end */

/* @group Sortables */

ul.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.sortable li img {
	cursor: move;
}
ul.sortable li.sortable-placeholder {
	background: #ccc;
	border: 1 px solid #666;
}


/* @end */

/* @group Media */

/* @group Videos */

#videos-container {
	float: left;
	/*width: 700px;*/
}
#videos-container ul li {
	position: relative;
}
#video-list-primary {
	width: 480px;
	height: 500px;
	float: left;
}
#video-list-primary li {
	top: 50px;
}
#video-list-primary li a {
	position: absolute;
	top: 368px;
	left: 214px;
}
#video-list-secondary {
	float: right;
	width: 120px;
	margin-left: 40px;
}
#video-list-secondary li {
	margin-bottom: 12px;
	float: right;
	clear: right;
	margin-left: 30px;
	padding-bottom: 1.5em;
}
#video-list-secondary li a,
#video-list-tertiary li a {
	font-size: 0.85em;
	position: absolute;
	top: 96px;
	left: 36px;
}
#video-list-tertiary {
	clear: both;
	float: left;
}
#video-list-tertiary li {
	float: left;
	margin-right: 12px;
	padding-bottom: 1.5em;
}
#video-list-tertiary li img {
	opacity: 0.35;
}
#video-list li {
	height: 90px;
	margin-bottom: 12px;
	position: relative;
}
#video-list li a {
	position: absolute;
	top: 35%;
	margin-left: 12px;
}


/* @end */

/* @group Photos */

#photo-list li {
	height: 115px;
	margin-bottom: 12px;
	position: relative;
}
#photo-list li a {
	position: absolute;
	top: 40%;
	margin-left: 12px;
}
#legend, #header-delay-slider {
	width: 50%;
	float: left;
}
#legend {
	margin-top: 0.5em;
	font-weight: bold;
}
#shorter {
	float: left;
	width: 50%;
}
#longer {
	float: right;
	width: 50%;
	text-align: right;
}

/* @end */

/* @group Personal Photo */

#personal-photo {
	position: relative;
}
#personal-photo img {
	padding: 1em 1em 0 0;
}

#personal-photo a {
	position: absolute;
	top: 43%;
}

/* @end */

/* @group Logos */

#custom-logos h4 {
	margin: 0;
}

#logo-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#logo-list li {
	float: left;
	clear: both;
	position: relative;
	text-align: center;
	width: 120px;
	height: 40px;
	margin-top: 12px;
	margin-bottom: 24px;
}
#logo-list li .title {
	float: left;
}
#logo-list li img {
	clear: both;
}
#logo-list li a {
	position: absolute;
	top: 55%;
	left: 135px;
}

/* @end */

/* @end */

/* @group Menu Editing */

/* @group Top Menu */

#top-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	padding-bottom: 4em;
}
#top-menu li {
	float: left;
	position: relative;
	width: 14%;
	padding: 12px 0;
	text-align: center;
	border: 1px solid #ccc;
	cursor: move;
	background: #fff;
}
#top-menu li a {
	position: absolute;
	top: 4.25em;
	left: 33%;
}

/* @end */

/* @group Bottom Menu */

#bottom-menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	/*padding-bottom: 4em;*/
}
#bottom-menu li {
	float: left;
	position: relative;
	width: 33%;
	/*padding: 12px 0;*/
	text-align: center;
	border: 1px solid #ccc;
	cursor: move;
	background: #fff;
	margin: 0 0 5em;
	font-weight: bold;
}
#bottom-menu li a {
	position: absolute;
	top: 4.25em;
	left: 42%;	
}
#bottom-menu .subtitle {
	float: left;
	width: 100%;
}
#bottom-menu .title {
	float: left;
	/*clear: both;*/
	width: 100%;
	font-size: 1.33em;
}

/* @end */

/* @group Footer Links */

#footer-links td.footer-link {
	cursor: move;
	font-weight: bold;
	width: 100%;
}

/* @end */

/* @end */

/* @group Login Form */

#login-form {
	width: 50%;
	float: left;
}

/* @end */

/* @group Registration form */

#user-register-form {
	width: 50%;
}

/* @end */

/* @group Content Pages */

#link-setup .radio label {
	width: 20%;
}
#link-setup {
	width: 100%;
}
#link-setup dd {
	margin-left: 180px;
	height: 30px;
}
#link-setup #link-content-page-id {
	margin: 0;
	position: relative;
	left: 0;
	width: 80%;
	margin-bottom: 1.5em;
}
#link-setup #link-url {
	clear: none;
	width: 80%;
	margin: 0;
	padding: 2px;
}
a#options-toggle {
	position: absolute;
	top: 30px;
	right: 15px;	
}
.listing_table tr { border-bottom: 1px solid #555; }

/* @end */

/* @group Tooltips */

.qtip-title {
	font-size: 1.5em;
	padding: 0 8px !important;
}
.qtip-content p {
	margin: 0.75em 0;
	padding: 0 !important;
}
.tooltip-add, .tooltip-edit {
	margin-left: 1em;
}

/* @end */

/* @group Admin */

#user-select-form {
	position: absolute;
	bottom: -3px;
	left: 40%;
	float: left;
}
#user-select label {
	color: #aaa;
	margin: 0;
	margin-right: 1em;
}
#user-select label,
#user-select select,
#user-select input,
#user-select div {
	float: left;
	clear: none;
	display: inline;
}
#user-select .submit {
	margin-left: 0.5em;
}
#user-select .submit input {
	font-size: 1em;
	position: relative;
	top: 4px;
}
#content.inactive div.form, #content.inactive div.index, #content.inactive #site-menu {
	opacity: 0.3;
}

/* @end */

/* @group Sites */

#sites-index .inactive {
	font-weight: bold;
	color: #c00;
}

/* @end */

/* @group Leads */

div.leads {
	width: 100%;
}

div.leads td.vcard {
	text-align: center;
	width: 1%;
}

/* @end */