@import url(reset.css) ;

#HelpIcon {
	background: url(/images/help-icon.png) no-repeat;
	width: 210px;
	height: 210px;
	position: absolute;
	z-index: 5;
	top: 32px;
	left: 718px;
}

	
/* NoFollow */

	
/*
Welcome to the Generic Style CSS File! Some things you should know:

1. The reset.css file imported above breaks all elements down to a base style.

2. This file is included on all front-end/user-facing pages. Individual
   applications can override this file in their own custom files
   (ie. vanilla.css or conversations.css).

3. This file is broken down into the following sections:
   + Line 24:     General Styles & Typography
   + Line 325:    Header
   + Line 556:    Main Menu
   + Line 591:    Panels / Sidebars
   + Line 782:    Activities
   + Line 971:    Profile Page
   + Line 1072:   Profile Tab Menu
   + Line 1194:   Thumbnail Cropper
   + Line 1244:   Footer
*/

	
/* ============================================== General Styles & Typography */
#Content {
	float:left;
	width:680px;
	margin:20px 0 20px;
}

.Hidden {
	display:none;
}

.nowrap {
	white-space:nowrap;
}

.Center {
	text-align:center;
}

.Right {
	text-align:right;
}

input.DateBox,input.InputBox,input.SmallInput,textarea {
	font-family:arial;
	color:#555;
	font-size:16px;
	padding:3px;
	margin:0;
	width:250px;
	border:1px solid #ff8519;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

textarea.TextBox {
	width:500px;
	height:100px;
	min-height:100px;
	max-height:500px;
}

#Popup textarea.TextBox {
	width:465px;
}

input.SmallInput,input.InputBox {
	font-size:15px;
	padding:6px 3px;
}

input.SmallInput:focus,input.InputBox:focus,textarea:focus {
	background:#ffe;
}

textarea {
	line-height:128%;
}

select {
	font-family:arial;
	font-size:14px;
	color:#222;
	margin:0;
	padding:3px;
}

.Button {
	cursor:pointer;
	margin:0;
	font-family:Tahoma, 'Trebuchet MS', Arial, Verdana;
	padding:4px;
	font-size:11px;
	background:url(button_bg2.png) repeat-x center left #f8f8f8;
	color:#555;
	border:1px solid #bbb;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

input.Button {
	font-weight:bold;
}

.Button:hover {
	color:#333;
	border:1px solid #888;
}

.Loading {
	height:100px;
	padding:0 20px;
	background:url(progress.gif) center center no-repeat;
}

.Progress {
	padding:10px 40px 10px 0;
	background:url(progress.gif) center center no-repeat;
}


	
/* Note: Messages are the yellow notices that appear at the top/center of the
  page to notify users of things like drafts being saved, etc. */
div.Messages {
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	margin:0!important;
	padding:0!important;
	list-style:none!important;
	font-size:12px;
	display:block;
	width:100%;
}

* html div.Messages {
	position:absolute;
	width:100%;

	
/*IE5.5*/
	top:0;
	left:0;
	overflow:visible;
	top:expression(eval(document.compatMode&&document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}

div.Messages ul {
	cursor:pointer;
	width:auto!important;
	border:0!important;
	margin:0 auto!important;
	padding:4px 8px!important;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	background:#ff9!important;
	display:0;
	display:inline-block;
	zoom:1;
	display:inline;
}

div.Messages ul li {
	text-align:left!important;
	border:0!important;
	color:#000!important;
	padding:0!important;
	margin:0!important;
	list-style-position:outside;
}

div.Errors ul {
	background:#d50a0a!important;
}

div.Errors ul li {
	color:#fff!important;
}


	
/* Note: Warning, Alert & Info are simple boxes that can be used to wrap message
   strings & imply importance. */
.Warning {
	background:#ffc;
	border:1px solid #ff9;
	color:#000;
	padding:6px 8px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.Alert {
	background:#d00;
	border:1px solid #b00;
	color:#fff;
	padding:3px 6px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.Alert a {
	color:#fff;
}

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

div.Info {
	font-size:13px;
	background:#fafafa;
	border:1px solid #eee;
	color:#888;
	-moz-border-radius:4px;
	padding:6px;
	margin:0 0 10px;
}

div.EmptyInfo {
	margin:10px 0;
}


	
/* Note: The MessageModule (in /applications/garden/modules) wraps all messages
  that it renders in a div with this DismissMessage class. */
div.DismissMessage {
	margin:6px 0 10px;
}

div.DismissMessage p {
	margin:2px 0;
}

div.DismissMessage a.Dismiss {
	float:right;
	line-height:120%;
	color:#999;
	padding:2px 4px;
}

div.DismissMessage a.Dismiss:hover {
	background:#fafafa;
	border:1px solid #ccc;
	color:#333;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:1px 3px;
}


	
/* Note: The close class is used on the "close" anchor in popups. */
a.Close {
	color:#777;
	font-family:monaco;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	padding:0 2px;
}

a.Close:hover {
	color:#333;
}


	
/* Note: MorePager is related to the /applications/garden/modules/MorePagerModule. */
.MorePager {
	list-style:none;
	margin:1px 0 0;
	padding:3px 6px;
	text-align:right;
	background:#e9f9ff;
}

.MorePager a {
	font-size:13px;
	font-weight:bold;
	text-align:right;
}

.MorePager a:hover {
	color:#2786c2!important;
	text-decoration:underline;
}

#PagerLess {
	-moz-border-radius-topright:2px;
	-moz-border-radius-topleft:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-top-left-radius:2px;
	margin-bottom:1px;
}

tr#PagerMore td {
	border:0;
	text-align:right;
}

#PagerMore {
	margin-bottom:1px;
}


	
/* =================================================================== Header */
#Head {
	background:#ff8000;
	padding:0;
	text-align:right;
	height:50px;
}

body #Head h1 {
	display:block;
	font-weight:bold;
	margin:0;
	padding:21px 7px 0 0;
	border:0;
	float:left;
	line-height:1;
}

#Head h1 a span {
	font-size:24px;
	color:#E4F7FE;
	text-shadow:0 1px 0 #30ACD6;
}

#Head h1 a:hover span {
	color:#f3fcff;
}

#Head form {
	float:right;
	width:250px;
	background:#fff;
	padding:0;
	margin:15px 0 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#Head form input.InputBox {
	width:204px;
	border:0;
	padding:4px 2px 4px 0;
	background:#fff;
	margin:0;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	color:#969696;
	font-size:13px;
}

#Head form input.Button {
	border:0;
	width:38px;
	height:26px;
	background:#E9F9FF;
	color:#ff0080;
	padding:3px 0 4px;
	margin:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
}

#Menu ul {
	position:absolute;
	visibility:hidden;
	z-index:100;
}

#Menu li {
	float:left;
	position:relative;
	display:block;
	list-style:none outside none;
	padding:0;
	margin:0 10px 0 0;
	text-align:left;
	font-size:.9em;
}

#Menu li ul li {
	margin:0;
	line-height:22px;
	font-weight:normal;
	width: 150px;
	top: 1px;
	left: -7px;
	border-collapse: collapse;
}

#Menu li ul li a {
	height:auto;
	width: 150px;
}

#Menu li.NonTab,#Menu li.NonTab a {
	margin-left: 50px;
}

#Menu a span,#Menu li.Active a span,#Menu li.Highlight a:hover span {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	margin-left:4px;
	padding:0 2px;
	font-size:9px;
	line-height:12px;
	font-weight:normal;
}


	
/* Option (dropdown) Menus

Menu takes a z-index of 100
Option menu takes a z-index of 300

*/
ul.Options,ul.Options ul {
	margin:0;
	padding:0;
	display:none;
}

ul.Options {
	z-index:298;
}

ul.Options ul {
	z-index:300;
	position:absolute;
}

ul.Options li {
	float:left;
	position:relative;
	display:block;
	list-style:none outside none;
	padding:0;
	font-size:11px;
	line-height:22px;
}

ul.Options h3 {
	display:block;
	cursor:pointer;
	margin:0;
	padding:0;
}

ul.Options li ul li {
	float:none;
	text-align:left;
	margin:0;
	font-weight:normal;
}

ul.Options li ul li a {
	width:104px;
	padding:0 6px;
	height:auto;
}

ul.Options a {
	text-decoration:none;
	display:block;
	position:relative;
	white-space:nowrap;
	font-size:11px;
}

ul.Options ul li {
	display:block;
	float:none;
}

.Center {
	text-align:center;
}


	
/* ================================================================ Main Menu */
div.Menu {
	text-align:right;
	width:960px;
	margin:0 auto;
}

ul#Menu {
	margin-bottom: 30px;
}

#Menu a {
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:2px;
	border-bottom-width:2px;
	padding:4px 6px;
	border-color:#ddd;
	border-top-color:#e0e0e0;
	border-left-color:#e0e0e0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#fff!important;
	color:#999;
	font-weight:bold;
}

#Menu a:hover {
	background-color:#f7f7f7!important;
	color:#f29143;
	border-right-width:2px!important;
	border-bottom-width:2px!important;
	border-color:#ddd!important;
}

#Menu li.Highlight a, #Menu li.Highlight a:hover {
	border-top-width:2px !important;
	border-left-width:2px !important;
	border-right-width:1px !important;
	border-bottom-width:1px !important;
	cursor:default;
	border-color:#cfcfcf;
	position:relative;
	top:1px;
	background-color:#f0f0f0!important;
	color:#ff8000;
}


	
/* Numbers next to menu items */
#Menu a span,#Menu li.Active a span,#Menu li.Highlight a:hover span {
	background:#f2fcff;
	color:#ff6600;
}


	
/* ======================================================== Panels / Sidebars */
#Panel {
	float:right;
}

div.Box {
	margin-left:0;
	margin-bottom:10px;
	margin-right:0;
	margin-top:0;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	padding:6px 10px;
}

div.Box h4 {
	padding-left:0;
	padding-bottom:1px;
	padding-right:0;
	padding-top:10px;
	font-style:normal;
	font-size:180%;
	color:#666666;
	font-weight:normal;
	margin:0;

	
/* border-bottom: 1px solid #caf0fe; <-- This caused a 2px underline where it was above PanelInfo */
}

div.Box dl {
	border-bottom-width:0;
	border-bottom:1px solid #ccc;
	padding:3px;
	overflow:hidden;
}

div.Box dl dt {
	float:left;
	width:80px;
}

div.Box dl dd {
	margin-left:80px;
}

div.Box p {
	font-size:100%;
	padding:0 0 4px;
	color:#555;
}

ul.PanelInfo li {
	border-bottom-width:0;
	padding:2px 4px;
	font-family:tahoma;
	text-align:right;
}

ul.PanelInfo {
	border-bottom-width:0;
	border-top-width:0;
}

ul.PanelInfo li strong {
	font-weight:normal;
	text-align:left;
	margin-right:12px;
	font-weight:normal;
}

ul.PanelInfo li a {
	float:left;
}

ul.PanelInfo div.Meta {
	font-size:90%;
}

ul.PanelInfo div.Meta span,ul.PanelInfo div.Meta strong {
	margin-right:8px;
}

ul.PanelInfo div.Meta span a {
	margin-left:8px;
}

ul.PanelInfo div.Meta strong {
	font-weight:normal;
	display:inline;
	color:#80828C;
	background:#ff6;
	padding:0 2px;
}

ul.PanelDiscussions li {
	text-align:left;
}

ul.PanelDiscussions li a {
	float:none;
}

ul.PanelDiscussions li strong {
	display:block;
}

ul.PanelInfo li.Active {

	
/* Panel Selected Background Color */

	
/* Panel Inlay Border Color */
}

ul.PanelInfo li.Active a {
	color:
	
/* Panel Selected Font Color */
#ff8518;
}

body.Profile ul.PanelInfo {
	border-bottom:1px solid #caf0fe;
}

body.Profile ul.PanelInfo li {
	border-bottom:0;
	text-align:left;
}

body.Profile ul.PanelInfo li a {
	float:none;
}


	
/* ============================================================= Entry Screen */
body.Entry {
	text-align:center;
}

body.Entry div.Panel {
	display:none;
}

body.Entry #Content {
	float:none;
	margin:0;
	width:auto;
	text-align:center;
}

body.Entry #Leave {
	width:400px;
	margin:0 auto;
	background:#E9F9FF;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	padding:10px 10px 0;
	text-align:left;
}

body.Entry p.Leaving {
	background:url(progress.gif) left top no-repeat;
	padding-left:50px;
}

body.register #Content,body.signin #Content,body.passwordrequest #Content,body.passwordreset #Content,body.Entry #SignIn,body.Entry #Password,body.Entry #Register,body.Entry #Handshake {
	text-align:left;
	float:left;
	
/* Panel Background Color */
#E9F9FF;
	-moz-border-radius:1px;
	-webkit-border-radius:2px;
	padding:10px;
	margin:0 0 15px;
}

body.Entry #SignIn,body.Entry #Password {
	margin:0 15px 15px 0;
}

body.Entry #Password p {
	width:242px;
	overflow:hidden;
}

body.Entry #Content h1 {
	border-bottom:1px solid #CAF0FE;
	color:
	
/* Panel Font Color */
#2786C2;
	font-size:110%;
	font-weight:bold;
	margin:0;
	padding:0 0 1px;
}

body.Entry p {
	padding:0 0 10px;
	color:#999999;
}

body.Entry form ul li {
	border:0;
}

body.Entry form ul li label {
	padding:6px 0 0;
	display:block;
}

body.Entry #SignIn form ul li label.CheckBoxLabel,body.Entry #Register form ul li label.CheckBoxLabel {
	width:auto;
}

body.Entry input.DateBox,body.Entry input.InputBox,body.Entry textarea {
	width:282px;
}

body.Entry span.Incorrect {
	display:block;
	color:red;
}

body.Entry input.Button {
	margin:10px 0 0;
}


	
/* =============================================================== Activities */
body.Activity h1 {
	margin:0;
}

ul.Activities {
	margin-bottom:6px;
}

ul.Activities li {
	border-bottom:1px solid #ddd;
	padding:8px 0 6px;
	color:#454545;
	clear:left;
	font-size:105%;
}

ul.Activities div span {
	padding:0 6px 0 0;
}

ul.Activities li a.Photo {
	float:left;
}

ul.Activities li img {
	margin:0;
	border:0;
	height:40px;
	width:40px;
}

ul.Activities li.ActivityComment img {
	height:32px;
	width:32px;
}

ul.Activities li h3 {
	display:inline;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

ul.Activities li h3 em {
	font-weight:normal;
	font-style:normal;
	color:#33afda;
	font-size:10px;
	margin:0 10px;
}

ul.Activities li h3 a.CommentOption {
	font-size:10px;
	font-weight:normal;
}

ul.Activities li a.Delete {
	float:right;
	width:auto;
	padding:5px;
	margin:0 1px 0 0;
	font-family:Tahoma, 'Trebuchet MS', Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	color:#555;
	cursor:pointer;
	line-height:100%;
}

ul.Activities li a.Delete:hover {
	padding:4px;
	color:#333;
	border:1px solid #888;
	background:url(button_bg2.png) repeat-x center left #f8f8f8;
}

ul.Activities li div.Story {
	border:1px solid #eee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:#fafafa;
	margin:4px 0;
	padding:4px 6px;
	line-height:130%;
	color:#2b3033;
	display:block;
}

ul.Activities li.PictureChange div.Story {
	border:0;
	background:none;
	margin:4px 0 0;
	padding:0 8px;
}

ul.Activities li div.Story blockquote {
	margin:2px 0 0;
	padding:0;
	background:none;
	border:0;
	color:#999;
}

ul.Activities li div.Story img {
	height:auto;
	width:auto;
	background:#fff;
	padding:2px;
	border:1px solid #ccc;
	float:none;
	margin:0 4px 0 0;
}

ul.Activities ul.Comments {
	background:#fff;
	margin:0 0 0 46px;
	padding:1px 0 0;
	list-style:none;
	font-size:85%;
	clear:left;
}

ul.Activities ul.Comments li {
	background:
	
/* Panel Background Color */
#e9f9ff;
	margin-bottom:1px;
	border-bottom:0;
	padding:6px;
	line-height:1;
}

ul.Activities li.HasPhoto div {
	margin-left:46px;
}

ul.Activities li.HasPhoto ul.Comments div {
	margin:0;
}

ul.Activities ul.Comments li.HasPhoto div {
	margin-left:40px;
}

ul.Activities a.Name,ul.Activities a.Photo {
	font-weight:bold;
	padding-right:6px;
}

ul.Activities p {
	display:inline;
	margin:0;
	line-height:1.4;
}

ul.Activities div.Meta {
	line-height:1;
	color:#888;
	padding:4px 0 0 6px;
	margin:0!important;
	font-size:90%;
	display:inline;
}

ul.Activities li.AboutUpdate div.Meta,ul.Activities li.WallComment div.Meta,ul.Activities ul.Comments div.Meta {
	display:block;
	padding:4px 0;
}

ul.Activities div.Meta a {
	font-weight:normal;
}

ul.Activities div.Meta span {
	padding:0 6px;
	font-size:8px;
}

ul.Activities ul.Comments li.CommentForm {
	clear:left;
	padding:8px;
}

ul.Activities ul.Comments li.CommentForm a.CommentLink,ul.Activities ul.Comments li.CommentForm a.CommentLink:hover {
	cursor:text;
	background:#fff;
	color:#bbb!important;
	padding:5px;
	text-decoration:none;
	border:1px solid #aaa;
	display:block;
	line-height:100%;
	font-weight:normal;
}

ul.Activities li.CommentForm textarea.TextBox {
	width:610px;
	min-height:40px;
	height:40px;
	margin-bottom:2px;
}

body.Profile ul.Activities {
	margin-top:10px;
	border-top:1px solid #ddd;
}

div.EmptyInfo {
	margin:10px;
}

ul.Notifications {
	margin-top:0;
	border:0;
}


	
/* ============================================================= Profile Page */
body.Profile #Content {
	width:auto;
	margin:0 0 40px 20px;
	width:690px;
	float:right;
}

body.Profile #Panel {
	float:left;
	width:250px;
}

ul.SideMenu {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	background:none;
	padding:0;
	margin:0 0 10px;
}

ul.SideMenu li ul {
	margin:0;
	padding:0;
	border:0;
	background:none;
}

ul.SideMenu li ul li {
	border-bottom:
	
/* Panel Inlay Border Color */
1px solid #dbe3e6;
}

ul.SideMenu li ul li a {
	padding:0 8px;
	display:block;
}

ul.SideMenu li ul li a:hover {
	text-decoration:none;
	background:
	
/* Panel Hover Font Color */
#e9f9ff;
}

div.User {
	line-height:150%;
}

div.User,div.User a {
	text-decoration:none;
}

div.User h1 {
	padding:0 0 8px;
	margin:0;
	line-height: 160%;
	border:0;
}

#Status {
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	background:#e9f9ff;
	margin:0;
	padding:8px 8px 0;
	color:#999;
	font-weight:normal;
	line-height:100%;
}

#Status p {
	font-size:120%;
	color:#6c6c6c;
	display:inline;
	margin:0;
	padding:0;
	line-height:1;
}

#Status a {
	text-transform:lowercase;
	font-size:11px;
	text-decoration:none;
}

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

div.User form {
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	background:#e9f9ff;
	padding:8px 8px 0;
}

div.User form input.InputBox {
	width:618px;
	margin-right:2px;
}

form.Activity {
	display:block;
	padding:10px 10px 0;
}

form.Activity textarea {
	width:660px;
	margin-bottom:2px;
	height:60px;
	min-height:60px;
	max-height:300px;
}


	
/* ========================================================= Profile Tab Menu */
ul.Tabs,ul.Tabs li {
	margin: 0px;
	float:none;
	display:inline;
	border-bottom:0;
}

ul.Tabs {
	border-bottom-color: #ff8519;
	clear:left;
	display:block;
	border-bottom:
	
/* Panel Inlay Border Color */
1px solid;
	padding:10px 0 0 10px;
	margin:0;
}

ul.Tabs li {
	padding:5px 0;
	margin:0;
	line-height:24px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
}

ul.Tabs li.Active {
	background:
	
/* Panel Selected Background Color */
#fff;
}

ul.Tabs li a,ul.Tabs li a:link,ul.Tabs li a:hover,ul.Tabs li a:active,ul.Tabs li a:visited {
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	display:inline;
	background:
	
/* Panel Inlay Background Color */
#fdd68b;
	font-weight:bold;
	color: #555
	
/* Panel Inlay Font Color */
!important;
	text-decoration:none;
	padding:5px 10px 4px;
	margin:1px 0 0;
}

ul.Tabs li a:hover {
	border-bottom: none !important;
	background:
	
/* Panel Inlay Background Color */
#f5a63d;
}

ul.Tabs li.Active a {
	background:
	
/* Panel Selected Background Color */
#f5a63d!important;!important;
	text-decoration:none;
	padding:5px 10px 4px;
}

ul.Tabs li a span {
	line-height:1;
	font-size:80%;
	padding:0 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-weight:normal;
	background:#2786C2;
	color:#eaf4fd;
	margin:0 0 0 4px;
}


	
/* ======================================================== Thumbnail Cropper */
form.Thumbnail table {
	width:100%;
}

form.Thumbnail table td {
	width:50%;
}

form.Thumbnail table tr td {
	vertical-align:top;
}

.jcropper-holder {
	border:1px black solid;
}

.jcrop-holder {
	text-align:left;
}

.jcrop-vline,.jcrop-hline {
	font-size:0;
	position:absolute;
	background:white url(jcrop.gif) top left repeat;
}

.jcrop-vline {
	height:100%;
	width:1px!important;
}

.jcrop-hline {
	width:100%;
	height:1px!important;
}

.jcrop-handle {
	font-size:1px;
	width:7px!important;
	height:7px!important;
	border:1px #eee solid;
	background-color:#333;
	width:9px;
	height:9px;
}

.jcrop-tracker {
	background-color:gray;
	width:100%;
	height:100%;
}

.custom .jcrop-vline,.custom .jcrop-hline {
	background:yellow;
}

.custom .jcrop-handle {
	border-color:black;
	background-color:#C7BB00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

form.Thumbnail table {
	width:100%;
}

form.Thumbnail table td {
	font-weight:normal;
}


	
/* =================================================================== Popups */
div.Popup .Loading {
	display:block;
}

div.Overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.Popup {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:5000;
	text-align:center;
}

div.Popup div.Body {
	margin:0 auto;
	text-align:left;
	position:relative;
	padding:0;
	background:#fff;
	max-width:500px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:8px solid #555;
}

div.Popup div.Body div.Body {
	border:0;
}

div.Popup .Content {
	padding:10px;
	border-bottom:1px solid #ddd;
}

div.Popup .Loading {
	text-align:center;
}

div.Popup .Footer {
	background:#f3f3f3;
	text-align:right;
	padding:0 6px 2px 0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}


	
/* =================================================================== Footer */