body { color: #272727; font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
.body { color: #272727; font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: white; background-image: url(/_gfx/bg.gif); margin: 0; }

p { font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

td {}

h1 { font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px; }
h2 { color: #e40094; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
h3 { color: #00aeab; font-weight: bold; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; }

img { border: 0px; }
/*img { behavior:url(/_inc/css/iepngfix.htc); border: 0px; }*/

div { text-align: left; }

fieldset { font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
legend { color: #e40094; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }

.size30 { font-size: 30px; font-family: Georgia, "Times New Roman", Times, serif; }
.size24 { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; }
.size18 { font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
.size14 { font-size: 14px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
.size12 { font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
.size10 { font-size: 10px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

#messagebox { display: none; }
p.error, span.error, td.error, label.error { font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; color: red; }

input.error { background-color: red }
input.valid { background-color: green }

a:link { color: black ; text-decoration: none; }
a:visited { color: black ; text-decoration: none; }
a:hover { color: black ; text-decoration: underline; }
a:active { color: black ; text-decoration: none; }
.f_bold, .bold { font-weight: bold; }
.f_10bold { color: black; font-size: 10px; font-weight: bold; }

.td_top { background-image: url(/_gfx/top_img.jpg); height: 300px; width: 508px; }
.td_presbox { padding-top: 10px; }
.td_main { padding: 10px 20px 0; }
.td_dots_vert { background-image: url(/_gfx/dots_vert.jpg); background-repeat: no-repeat; padding: 21px; }

.box_top_right { background-image: url(/_gfx/bg_top_right.jpg); background-repeat: no-repeat; padding: 10px 20px 20px; width: 302px; min-height: 115px; }

.box_interact { background-image: url(/_gfx/bg_interact.jpg); background-repeat: no-repeat; padding: 15px 20px 20px; width: 302px; min-height: 50px; margin-top: 20px; }
.box_interact .wrap { margin-left:-7px; margin-top:10px; width: 280px; }

.box_action { background-image: url(/_gfx/bg_action.jpg); background-repeat: no-repeat; padding: 20px; }
.box_images { padding-left: 10px; }
.box_message { padding-left: 10px; }

.hl1 { color: #e40094; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; }
.hl2 { font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px; }

.c_gray { color: gray; }
.c_green { color: #00aeab; }
.c_pink { color: #e40094; }
.c_red { color: #FF0033; }

.foot { color: #414141; font-size: 10px; padding: 20px 10px 10px 70px; width: 468px; clear: left; }

.td_pink { background-color: #ffcbed; padding: 20px; }
.td_yellow { background-color: #ffffcb; padding: 20px; }
.td_gray { background-color: #dbdbdb; }
.td_white { background-color: #ffffff; border: 1px solid #999999; }

.clr { clear: both; }

.fleft { float: left; }
.fright { float: right; }

.divLoading { background: #aaaaaa none 0 0 repeat-x; opacity: .6; filter:Alpha(Opacity=60); }

.ViewMessage { width: 272px; height: 115px; overflow: auto; }

.picWrapper {
	width: 120px;
	min-height: 90px;
	max-height: 120px;
	background: #c0c0c0;
}

#Main {
	margin-left: 50px;
	width: 508px;
	float: left;
}

#Right {
	margin-left: 40px;
	width: 302px;
	float: left;
}

#Menu { width: 508px; height: 37px; text-align: left; position:relative; left: 0px; top: 263px; }
#Menu a { }
#Menu img { padding:0px; border-width:0px; margin:0px; display: block; float: left; }

/*
 * Footer
 *
 */

#Footer { position: absolute; bottom: 0px; height: 20px; background-color: #101010; width: 508px; left: 50px; z-index: 500; }


/*
 * Top menu
 *
 */

#Top{
  position:absolute;
  top:0;
  left:52px;
  width:100%;
  height:1.4em;
  z-index: 500;
}

@media screen{
  body>#Top{position: fixed;}
  body>#Footer{position: fixed;}
}

#Top ul {margin: 0 0; padding: 0 0;}

#Top li {
	list-style-type: none;
	float: left;
	height: 1.3em;
	text-align: center;
	border-right: 2px solid #ccc;
	border-bottom: 1px solid white;
	padding: 0 14px;
	background: #00b3cd;
}

#Top a,#Top a:visited { color: white; text-decoration: none; font-size: 12px; font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }


/*
 * CSS Button
 *
 */

.button { margin: 2px 0 3px 0; float: left; }
.button * { float: left; }
.btn .L { background-image: url('/_gfx/buttons/btn2.png'); width: 23px; height: 24px; cursor: pointer; }
.btn .R { background-image: url('/_gfx/buttons/btn3.png'); width: 14px; height: 24px; margin-right: 4px; cursor: pointer; }
.btn .label
{
	display: block;
	background-image: url('/_gfx/buttons/btn1.png');
	background-repeat: repeat-x;
	height: 24px;
	padding: 0 3px 0 0;
	color: #333333;
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	line-height: 24px;
	cursor: pointer;
}


/*
 * Edit User Info
 *
 */

#EditMain {
	width: 508px;
}

/* Gallery
---------------------*/
#gallery { float: left; width: 100%; min-height: 120px; }
* html #gallery { height: 90px; } /* IE6 */
.gallery.custom-state-active { background: #eee; }
.gallery li { float: left; width: 90px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; list-style: none; }
.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
.gallery li a { float: right; }
.gallery li a.ui-icon-zoomin { float: left; }
.gallery li img { width: 100%; max-width: 90px; max-height: 90px; cursor: move; }

#trash { float: right; width: 210px; min-height: 72px; padding: 1%; }
* html #trash { height: 72px; } /* IE6 */
#trash h4 { line-height: 16px; margin: 0 0 0.4em; }
#trash h4 .ui-icon { float: left; }
#trash .gallery h5 { display: none; }

/* Slider
---------------------*/

.slider { width:325px; height: 10px; float:left; margin:15px }
.slider2 { width:220px; height: 10px; float:left; margin:15px }

/* CSS Based Tables
---------------------*/

/* The specific style rules used to suggest rendering */
/* for the CSS table design example, starts here */

div.base-layer {
	margin: 0; padding: 0; text-align: left; width: auto;
}

div.table-row {
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: left;
}

/* Style rules for the 3 x 2 table example */

div.left-container2 {
	border: none; float: left; text-align: left; margin: 0; padding: 0;
}

div.right-container2 {
	border: none; float: right; text-align: right; margin: 0; padding: 0;
}

/* Watch out for this DIV... rule, it appears every now and then */
div.space-line { clear: both; margin: 0; padding: 0; width: auto; }

/* End of layer specific style rule set */

.postPicture { float: left; width: 90px; min-height: 90px; }
.postPicture img { width: 90px; }
.postContainer { margin-left: 100px; }
.postContent { margin-top: 15px; margin-bottom: 15px; }
.postMenu { height: 30px; border-bottom: 1px solid #CCCCCC; }


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

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('/_gfx/Jcrop.gif') top left repeat;
	/*
	opacity: .5;
	*filter:alpha(opacity=50);
	*/
}
.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;
}

/*
 * Pager
 */

.tablenav a.button-secondary {
	display: block;
	margin: 3px 8px 0 0;
}

.tablenav {
	clear: both;
	height: 30px;
	margin: 6px 0 4px;
	vertical-align: middle;
}

.tablenav .tablenav-pages {
	float: right;
	display: block;
	cursor: default;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
}

.tablenav .tablenav-pages a, .tablenav-pages span.current, .tablenav .tablenav-pages img {
	text-decoration: none;
	border: none;
	padding: 3px 6px;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.tablenav .tablenav-pages img { border: 0px !important; padding: 3px 0px 5px !important; vertical-align: middle; }

.tablenav .displaying-num {
	margin-right: 10px;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	font-style: italic;
	color: #777;
}

.tablenav .actions {
	padding: 2px 8px 0 0;
}

.tablenav .dots {
	border-color: transparent;
}

.tablenav .next,
.tablenav .prev {
	border-color: transparent;
	color: #21759b;
}

.tablenav .next:hover,
.tablenav .prev:hover {
	border-color: transparent;
	color: #d54e21;
}

.tablenav .tablenav-pages {
	color: #555;
}

.tablenav .tablenav-pages a {
	border-color: #e3e3e3;
	background: #eee url('/_gfx/menu-bits.gif') repeat-x scroll left -379px;
}

.tablenav .tablenav-pages a:hover {
	color: #d54e21;
	border-color: #d54321;
}

.tablenav .tablenav-pages a:active {
	color: #fff !important;
}

.tablenav .tablenav-pages .current {
	background: #dfdfdf;
	border-color: #d3d3d3;
}