body, .body
{
	font-family: Arial,Helvetica,sans-serif;
	font-size:14px;
	background-color: #FFF;
	margin: 0px;
}

a {color: #3298FA; text-decoration: none;}
a:hover {text-decoration: underline; color: #0076FF;}
a img {border: 0px;}
a img {border: 1px solid #eee;}
a img:hover {border: 1px solid #3298FA;}
input[type=image] {border: 1px solid #eee;}
input[type=image]:hover {border: 1px solid #3298FA;}
form {display: inline;}
input[type=submit] {padding: 3px;}
input[type=radio] {margin-bottom: 15px;}
td {text-align: left;}/* IE centering */
h1 {margin-top: 0px; text-shadow: 1px 1px 1px #AAA;}
h2 {margin: 0px; text-shadow: 1px 1px 1px #AAA;}
h3 {margin: 0px; }
hr {background-color:#eee;border: 0px; height: 1px;}

#Menu, #Footer
{
	background: #FFF;
	text-align: center;
	padding-top: 0px;
	height: 32px;
}
#Menu
{
	padding-bottom: 4px;
    border-bottom: solid 1px #CCC;
}
#Menu a
{
	padding: 6px 15px 8px 15px;
	display: inline-block;
	vertical-align:middle;
}
#Menu a img { border: none; }
.MenuItem {display: inline; padding:0px; position: relative; margin: 0px;}
.MenuItem li {display: inline;}
.MenuItem:hover .Submenu {display:block;}
.Submenu {margin: 0px; display: none; position:absolute; left: -200px; top:21px; border: 1px solid #DDD; background:#FFF; padding:3px;list-style:none; text-align: left;z-index:9999; float:left;border-radius:3px;}
.Submenu li {display: list-item; padding: 3px;}
.Submenu a {padding: 0px !important; white-space: nowrap;}

#BodyArea
{
	padding-top: 10px;
	padding-bottom: 20px;
}
#Footer
{
	font-size: 85%;
	text-align: center;
	padding-top: 10px;
    border-top: solid 1px #CCC;
	border-bottom: none;
    height: 26px;
}
#Footer a
{
	margin-left: 6px;
	margin-right: 6px;
}

.Error {color: #F00; font-weight: bold; position: static;}
.Hidden {visibility: hidden;}
.Content {padding-left: 25px; padding-right: 25px;}
.Setting {padding: 4px 0px 4px 0px;}
.SettingRight {padding: 6px 0px 6px 7px;}

.LogoGallery a {
    display: inline-block;
    padding: 5px 5px 2px 5px;
    margin: 11px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.LogoGallery a:hover {
    border: 1px solid #3298FA;
}

.LogoGallery a img
{
    border: none;
}

.LogoGallery td {white-space:nowrap;}

fieldset
{
	border: 1px solid #eee;
	padding: 5px 0px 5px 5px;
	margin-right: 10px;
	border-radius: 4px;
}

#RenderButton {
    margin: 0 auto;
    display: block;
    background-color: #3A8DD9;
    background-image: -webkit-linear-gradient(top,  #7db9e8, #0066CC);
    background-image: linear-gradient(to top,  #0066CC, #7db9e8);
    border: 1px solid #9caaba;
    border-radius: 4px;
    color: #f8f8f8;
    line-height: 1;
    padding: 6px 0 7px 0;
    text-align: center;
    vertical-align: middle;
    text-shadow: 0 1px 1px #000;
    width: 120px;
    height: 31px;
}
#RenderButton:hover {
    background-color: #7db9e8;
    background-image: -webkit-linear-gradient(top,  #0066CC, #7db9e8);
    background-image: linear-gradient(to top,  #7db9e8, #0066CC);
    color: #fff;
    border: 1px solid #9caaba;
    cursor: pointer;
}
#RenderButton:active {
    border: 1px solid #8c98a7;
    box-shadow: inset 0 0 8px 2px #abbccf, 0 0 1px 0 #eeeeee;
}
#RenderButton:disabled {
    background-color: #F8F8F8;
    background-image: none;
    color: #CCC;
    border: 1px solid #CCC;
    text-shadow: none;
    box-shadow: none;
    cursor: default;
}

.PopupButton, .PopupButtonHover
{
	margin: 0px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	border: 1px solid Transparent;
	display: inline-block;
	min-width: 40px;
	cursor: pointer;
	border-radius: 4px;
	/* IE7 Hack */
	zoom: 1;
	*display: inline;
}
.PopupButtonHover{background-color: #FBFBFB;border: 1px solid #ccc;}
.ColorPreview
{
	border: 1px solid gray;
	margin-bottom: 5px;
	height: 30px;
	width: 30px;
	margin: 0 auto;
	display: inline-block;
	border-radius: 3px;
	/* IE7 Hack */
	zoom: 1;
	*display: inline;
}
.IconPreview
{
	margin-bottom: 5px;
	height: 32px;
	margin: 0 auto;
	display: inline-block;
	/* IE7 Hack */
	zoom: 1;
	*display: inline;
}
.MenuPopup, .MenuPopupList
{
	text-align: left;
	position: absolute;
	visibility: visible;
	border: 1px solid lightgray;
	background: white;
	min-width: 150px;
	z-index: 999999;
	padding: 0px;
	border-radius: 4px;
}
.MenuPopup img, .MenuPopupList img{vertical-align: middle;}
.MenuPopup div, .MenuPopupList div{vertical-align: middle;padding: 5px;}
.MenuPopup div:hover, .MenuPopupList div:hover{background-color: #E1F3FC;}
.MenuPopup div
{
	display: inline-block;
	/* IE7 Hack */
	zoom: 1;
	*display: inline;
}
.Selected{background-color: #E1F3FC;}

.ColorPopup
{
	border: solid 1px #ccc;
	cursor: default;
	display: inline-block;
	visibility: visible;
	position: absolute;
	background: white;
	z-index: 999999;
	width: 355px;
	height: 197px;
	border-radius: 3px;
	font-size: small;
	/* IE7 Hack */
	zoom: 1;
	*display: inline;
}
.HiddenPopup{visibility: collapse;display: none;}
.ColorPopup input{width: 40px;}
.cPickerClose
{
	margin-left: 334px;
	margin-top: 6px;
	width:16px;
	height:16px;
	background-image: url("http://cdn.mob0.com/lt/closebuttonout.png");
	display: inline-block;
}
.cPickerClose:hover{background-image: url("http://cdn.mob0.com/lt/closebuttonover.png");}
.picker-wrapper{position: absolute;margin: 0px;margin-top: 0px;padding:0; width: 356px;}

.colorpicker{width:356px;height:176px;overflow:hidden;position:absolute;background:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_background.png);font-family:Arial, Helvetica, sans-serif;display:none;}
.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:red;overflow:hidden;cursor:crosshair;}
.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_overlay.png);}
.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_select.gif);margin:-5px 0 0 -5px;}
.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize;}
.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_indic.gif) left top;left:0;margin:-4px 0 0;}
.colorpicker_new_color{position:absolute;width:130px;height:30px;left:213px;top:13px;background:red;}
.colorpicker_current_color{display:none;position:absolute;width:60px;height:30px;left:283px;top:13px;background:red;}
.colorpicker input{background-color:#FFF;position:absolute;font-size:10px;font-family:Arial, Helvetica, sans-serif;width:30px;top:3px;right:11px;text-align:right;height:13px;margin:0;padding:0;}
.colorpicker_hex{position:absolute;width:72px;height:22px;background:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_hex.png) top;left:212px;top:142px;}
.colorpicker_hex input{right:6px;width:45px;}
.colorpicker_field{height:22px;width:62px;background-position:top;position:absolute;}
.colorpicker_field span{position:absolute;width:12px;height:22px;overflow:hidden;top:0;right:0;cursor:n-resize;}
.colorpicker_rgb_r{background-image:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_rgb_r.png);top:52px;left:212px;}
.colorpicker_rgb_g{background-image:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_rgb_g.png);top:82px;left:212px;}
.colorpicker_rgb_b{background-image:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_rgb_b.png);top:112px;left:212px;}
.colorpicker_hsb_h{background-image:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_hsb_h.png);top:52px;left:282px;}
.colorpicker_hsb_s{background-image:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_hsb_s.png);top:82px;left:282px;}
.colorpicker_hsb_b{background-image:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_hsb_b.png);top:112px;left:282px;}
.colorpicker_submit{display:none;position:absolute;width:22px;height:22px;background:url(http://cdn.mob0.com/lt/colorpicker/colorpicker_submit.png) top;left:322px;top:142px;overflow:hidden;}
.colorpicker_focus{background-position:center;}
.colorpicker_hex.colorpicker_focus,.colorpicker_submit.colorpicker_focus,.colorpicker_slider{background-position:bottom;}

INPUT.spinbox-active{background-repeat:no-repeat;background-position:right 0px;background-image:url(http://cdn.mob0.com/lt/spinbox/spinbox-sprite2.png);}
INPUT.spinbox-active.spinbox-up-hover{background-position:right -28px;cursor:pointer;}
INPUT.spinbox-active.spinbox-down-hover{background-position:right -56px;cursor:pointer;}
INPUT.spinbox-active.spinbox-up{background-position:right -112px;cursor:pointer;}
INPUT.spinbox-active.spinbox-down{background-position:right -84px;cursor:pointer;}





/* From Twitter Bootstrap */
label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 220px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

/* https://github.com/ExactTarget/fuelux/blob/master/src/spinner.js */
/* http://designwithpc.com/Plugins/ddSlick#demo */
/* http://labs.abeautifulsite.net/jquery-miniColors/ */