/*---------------------GLOBAL SETTINGS---------------------*/

html {
height: 100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Sans-serif;
	font-size: 62.5%; /*set base-font to 10px;*/
	text-align:left;
	color: #000;
background-color: #F0F0F0;	margin: 0px;
	padding: 0px 0px;
    height: 100%;
}

#topdiv {
background-repeat: repeat-x;background-image:url(/images/tsoybgfinal2.jpg);background-attachment:scroll;background-position: 50% 0%;  height:1px;
  position:absolute;
  top:34px;
  left:0px;
  z-index:0;
  width:100%;
}

#container {
	margin: 0 auto 0 auto;
	width: 960px;
}

#banner {
	float: left;
	position:relative;
	width: 960px;
	text-align: center;
	overflow: hidden;
border: 0px solid transparent;background-color: #FFFFFF;}

#container #banner p{
margin-left: 20px;
margin-right: 20px;
z-index:500;
position:absolute;
width:960px;
}

a:hover {
	color: #ff0000;
}

.pagetitle{
text-align:left;
margin:12px 0 0 10px;
float: left;
left:0px;top:0px;position:relative;color: #134F94;font-size: 16px;font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;font-weight:bold;}

.breadcrumb {
padding:22px 0 0 10px;
text-align:left;
display:inline;
letter-spacing:0;
float: left;
left:0px;top:0px;position:relative;color :#808080;font-size: 10px;font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;}

.breadcrumb li {
display:inline;
list-style-type:none;
padding:0 12px 0 0;
text-decoration:none;
font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;}

.edit_screen_left{
float:left;
width:300px;
text-align:left;
}

.edit_screen_right{
float:left;
width:626px;
text-align:left;
/* position:relative;
z-index:1; */
}

.edit_screen_center{
width:766px;
text-align:left;
float:left;
}

.edit_screen_middle{
width:300px;
text-align:left;
float:left;
}


.edit_large {
   width:628px;
   float:left;
   display:inline;
   z-index:1;
   position:static;
   margin:5px;

}


.edit_wide {
   width:768px;
   float:left;
   display:inline;
   z-index:1;
   position:static;
   margin:5px;
}


.edit_full {
   width:940px;
   float:left;
   display:inline;
   z-index:1;
   position:static;
   margin:5px;
}

.edit_third {
   width:301px;
   float:left;
   display:inline;
   z-index:1;
   position:static;
   margin:5px;
}

.edit_small {
   width:301px;
   float:left;
   display:inline;
   z-index:1;
   position:static;
   margin:5px;
}

.widget {
float: left;
}

/*---------------ADMIN HEADER---------------*/

#nav {
	background: url('/devlive/images/nav_bg.jpg') repeat-x;
	border: 1px solid #8a8a8a;
	color: #fff;

	float: left;
	height: 31px;
	width: 960px;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	color: #fff;
}

#maincontent {
	width: 960px;
	float: left;
	padding: 0px;
	min-height: 500px;
border: 1px solid #bbbaba;background-color: transparent}

#maincontent.dashbg {
background: #fff;
min-height: 650px;
}

/*---------------FOOTER & SITEMAP---------------*/

#footer {
	width: 960px;
	float:left;
	position: relative;
border: 1px solid;border-color: #BDBDBD;background-color: #FFFFFF;}

#footer #sitemap {
	float: left;
	position:relative;
	z-index: 500;
	font-size: inherit;
	font-family: inherit;
	color : inherit;
	letter-spacing: inherit;
	font-weight: inherit;
	min-width: 100%;
}

#sitemap2 {
float:left;
margin:5px 15px;
max-width: 120px;
}

#footer #sitemap2 .sitemap {
padding-right: 20px;
	margin: 5px 0 15px 0;

}

#footer #sitemap div#sitemap2 div#sitemap2 {
padding-right: 50%;
clear:both;
width: 50%;
max-width: 65px;

}

#footer #sitemap a {
line-height: 1.2em;
}

/*---------------BUTTONS---------------*/

em {
	margin: 10px 10px 5px 10px;
	float:left;
}

em.button a {
	height: 20px;
	float:left;
	margin: 0px;
	padding: 10px 20px 10px 10px;
	min-width: 60px;
	text-align:left;
	background: url('/devlive/images/roundedbase.png') no-repeat top right;
	font-style: normal;
	color: #000 !important;
}

em.button p {
min-height: 32px;
min-width: 32px;
background: url('/devlive/images/cap.png') no-repeat;
float:left;
margin: 0px !important;
}

em.plusbtn p {
	background: url('/devlive/images/pluscap.png') no-repeat;
}

em.xbtn p {
	background: url('/devlive/images/xcap.png') no-repeat;
}

em.checkbtn p {
	background: url('/devlive/images/checkcap.png') no-repeat;
}

em.button a:hover {
	color: #ff0000 !important;
}

em.button i {
	height: 20px;
	float:left;
	margin: 0px;
	padding: 10px 20px 10px 10px;
	min-width: 60px;
	text-align:left;
	background: url('/devlive/images/roundedbase.png') no-repeat top right;
	font-style: normal;
	color: #000 !important;
}

input[type="submit"].darkbtn {
	background: url("images/nav_bg.jpg") repeat-x;
	color: #FFFFFF;
	height: 31px;
	width: 95px;
	border: none;
}

input[type="submit"].darkbtn:hover {
	color: #ff0000;
	}
/*--------------LINKS---------------*/

body a {
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Sans-serif;
	text-decoration: none;
	}

body a:hover {
	color: #ff0000;
}

/*---------------FORM ELEMENTS------------------*/

input {
	border: 1px solid #cecece;
	padding: 2px;
}

.tall_textboxes {
	width: 200px;
	padding: 0.7em;
	border: 1px solid #CECECE;
	height: 15px;
}

input[type="radio"] {
border: none;
margin: 5px;
}

input[type="checkbox"] {
border: none;
}

/********** containers *******/

#topBanner{
	width:500px;
	height:150px;
	background:#FCFEE1;
	border:1px solid #EAD88E;
	margin:30px 0 300px;
	}

#topBanner .red{
color:#FF0101;
font-size:18px;
}

.alink {
  position:relative;
  z-index:500;
font-family:Arial,Sans-Serif;font-size:8px;}

#sitelinks {
color: #000000;font-size: 10px;font-family:Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;}

#sitelinks:hover {
color: #B00B0B;}

#edit_screen_pad {
    width : 85px;
    text-align: left;
    float:left;
}

ul.containermenu {
float: right;
padding: 5px 10px;
}

ul.containermenu li {
display: inline;
padding-right: 5px;
}

#edit_screen_header {
min-height: 22px;
font-size: 12px;
letter-spacing: 0px;
float:left;
font-size: 12px;border: 0px solid #transparent;letter-spacing: 0px;}

#edit_screen_header .edit_frame {
color: #B00B0B;left: 0px;top: 0px;position:relative; }

#edit_screen_content {
/* min-height: 200px;  Commented out for now will bring back just for themed sites with bottom images */
border-bottom:1px solid #transparent;padding-bottom: 12px; background-color:#FFFFFF;}

#edit_screen_content h3{
left: 0px;top: 0px;position:relative; font-size:14px;color: #B00B0B;font-size: 14px;letter-spacing: 0px;font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;font-weight:bold;}

#edit_screen_content p.caption {
left: 0px;top: 0px;position:relative; font-size:10px;color: #8C8C8C;font-size: 10px;font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;}

#edit_screen_content .resultcontent {
font-size:10px;color: #800012;font-size: 10px;font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;}

#edit_screen_content #htag {
font-size:10px;color: #800012;font-size: 10px;font-family: Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;}

.small {
width: 299px;
color: #000000}

.large {
width: 626px;
color: #000000}

.wide {
margin: 0 auto;
width: 766px;
color: #000000}

.full {
margin: 0 auto;
width: 938px;
color: #000000}

.order {
background: #fff !important;
border: 1px solid #000;
}

#bottomimg {
margin-bottom: 10px;
}

/* #edit_screen_content .resultcontent{
text-align:left;
line-height:13pt;
font-size:10px;
padding:0px 17px 0 22px;
color:#989795;
clear:both;
} */

#edit_screen_header .edit_frame{
margin:5px 0 0;
float:left;
font-family:Lucida Sans,Lucida Grande,Arial,Helvetica,Sans Serif;font-weight:bold;}

/******* Editors ********/

.widget_editor {
width: 98%;
margin: 0 10px 0 10px;
}

.widget_editor td, .topic_editor td {
padding: 3px 0 0 0px;
}

.code {
width: 80%;
}

#apibox {
background:#fffde4;
border:1px solid #fdc702;
text-align:center;
padding:20px 0;
margin:10px 0 10px 0;
width: 80%;
}

.topic_editor {
width: 94%;
margin: 0 10px 0 10px;
}

.topic_editor input, .widget_editor input {
width: 95%;
max-width: 258px;
}

.topic_editor textarea, .widget_editor textarea {
width: 94%;
max-width: 742px;
min-height: 100px;
}

.topic_picbox {
width: 94%;
}

.topic_picbox #pagebuilderimage {
float: right;
width: 270px;
background: #ECEBEC;
border: 1px solid #CECECE;
padding: 10px;
min-height: 70px;
margin: 10px 0 0 2px;
}

.topic_picbox #pagebuilderimage td {
padding: 0px 5px;
}

.topic_picbox #pagebuilderimage .imgArr {
width: 50%;
}

#edit_screen_box {
text-align: left;
}

#edit_screen_box ul li.edit_screen_box1 {
background-image:url("images/edit_screen_box1.png");
height: 49px;
width: 295px;
}

#edit_screen_box ul li.edit_screen_box2 {
background-image:url("images/edit_screen_box2.png");
height: 50px;
width: 295px;
}

#edit_screen_box ul li.edit_screen_box3 {
background-image:url("images/edit_screen_box2.png");
height: 50px;
width: 295px;
}

#edit_screen_box ul li.edit_screen_box4 {
background-image:url("images/edit_screen_box2.png");
height: 50px;
width: 295px;
}

#edit_screen_box ul li.edit_screen_box6 {
background-image:url("images/edit_screen_box2.png");
height: 50px;
width: 295px;
}

#edit_screen_box ul li.edit_screen_box11 {
background-image:url("images/edit_screen_box6.png");
height: 53px;
width: 295px;
}

#edit_screen_box ul li.edit_screen_box1:hover {
background-image:url("images/edit_screen_box1_hover.png");
}

#edit_screen_box ul li.edit_screen_box2:hover {
background-image:url("images/edit_screen_box2_hover.png");
}

#edit_screen_box ul li.edit_screen_box3:hover {
background-image:url("images/edit_screen_box2_hover.png");
}

#edit_screen_box ul li.edit_screen_box4:hover {
background-image:url("images/edit_screen_box2_hover.png");
}

#edit_screen_box ul li.edit_screen_box6:hover {
background-image:url("images/edit_screen_box2_hover.png");
}

#edit_screen_box ul li.edit_screen_box11:hover {
background-image:url("images/edit_screen_box6_hover.png");
}

#edit_screen_box ul img {
float: left;
padding: 5px 10px 0px 15px;
}

#edit_screen_box ul h3 {
color:#000000;
font-family:Helvetica,Arial,sans-serif;
padding:12px 0 0;
font-size: 1.4em;
font-weight:bold;
}

#edit_screen_box ul .greyedtext {
font-size: 1em;
}

/*REDUCE WIDTH BY 2PX WHEN IN EDIT MODE*/

.reducewidthsm {
width: 297px;
}

.reducewidthlg {
width: 624px;
}

.reducewidthwide {
width: 764px;
}

.reducewidthfull {
width: 936px;
}

/*---------------COMMON STYLES---------------*/

#spacer {
clear: both;
}

#dashbox {
float: left;
width: 757px;
text-align:left;
font-size: 1em;
border-left: 1px solid #ccc;
min-height: 650px;
}

.nostroke /*for elements (banner/footer/menu/body) with no border*/ {
	width: 962px !important;
}

.sticky {
	min-width: 100px;
	padding: 20px;
	text-align: left;

	background: #fffee4;
	border: 1px solid #ffc700;
}

.gray {
	min-width: 100px;
	padding: 20px;
	text-align: center;

	background: #F7F7F7;
	border: 1px solid #CECECE;
}

.align_right {
	float: right;
	padding: 9px;
	color: #fff;
}

.align_left {
	float: left;
	padding: 9px;
	color: #fff;
}

.blue {
	color: #165AA0;
}

p.clear {
clear: both;
}

.title {
font-size: 1.4em;
font-weight: bold;
}

.message {
width: 100%;
padding: 5px;
font-size: 1.2em;
text-align: center;
background: #999999;
color: #000000;
font-weight:bold;
display: block;
float: left;
position:relative;
top: -2px;
/* left: 0;
z-index: 1000; */
}

.green {
background: #049708;
color: #fff;
}

.red {
background: #c60000;
color: #fff;
}

.red_remove {
color: #c60000;
background: #fff;
}

.greyedtext {
color: #888;
font-size: 1.2em;
}

.listright {
	width:445px;
    height:14px;
    padding:0;
    margin:0;
    display:none;
	float:right;
	position: relative;
	top: -10px;
}

#menuadmin input {
margin: 0px 5px;
width: 200px;
font-size: 1.2em;
font-weight:normal;
}

a.delete {
color: #990000 !important;
}

.grey_line {
background: #F0F0F0;
float:left;
width: 100%;
}



/*--------------MISC CLASSES---------------*/

.analyticstext {
float: left;
padding-top: 10px;
}

.analyticstext img {
float: left;
margin-right: 10px;
margin-left: 10px;
}

#maincontent .sticky {
width: 50%;
margin: 10px auto 10px auto;
}

#menuadminbox .dhtmlgoodies_tree li em a {
vertical-align: middle;
line-height: 1em;
font-weight:normal;
}

.edit_wide #bottomimg {
margin-left: auto;
margin-right: auto;
width: 766px;
}

.edit_full #bottomimg {
margin-left: auto;
margin-right: auto;
width: 938px;
}

.button_bkgd{
float:left;
width:100%;
background:#fff;
padding:0;
background-color: transparent;}

/*-------------LOGIN SCREEN-----------------*/

#login {
	background: url("images/nav_bg.jpg") repeat-x;
	border: 1px solid #8a8a8a;
	width: 445px;
	margin: 100px auto 0px auto;
	height: 31px;
}

#login_content {
	background: #E9E9E9;
    border: 1px solid #CECECE;
	padding: 50px 0 40px;
	width: 445px;
	margin: 0px auto 0px auto;
	font-size: 1.2em;
}

#login_content table td {
	padding: 10px 0px;
}

/*DASHBOARD ELEMENTS*/

#maincontent #dashtop {
	height: 218px;
	border-bottom: 1px solid #bbbaba;
	width: 755px;
	float: left;
	border-left: 1px solid #ccc;
}

#maincontent .middle {
	width: 486px;
	float: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	min-height: 432px;
}

#maincontent .middle .middlecontain {
	border-bottom: 1px solid #bbbaba;
	min-height: 80px;
	padding: 10px 0 10px 20px;
}


#maincontent .right {
	float: left;
	/*min-height: 422px;
	border-left: 1px solid #bbbaba;*/
	width: 270px;
}

#maincontent .left {
	float: left;
	width: 202px;
	background: #fff;
	/*border-right: 1px solid #bbbaba;
	min-height: 640px;*/
}

#maincontent .middle .training {
color:#3C6CAE;
float:right;
width:100px;
position:relative;
top: -30px;
}

/*DASHBOARD SPECIFICS*/

#maincontent .middle .middleFeature p {
color:#636363;
float:left;
margin:5px 0 0;
width:330px;
}

#maincontent .sticky {
	width: 81%;
}

#maincontent .middle .middleFeature img {
border:none;
float:left;
margin:0 20px 0 0px;
}

#maincontent .middle .middleFeature .titleimage {
padding-top: 10px;
}

/*ADMIN MENU*/

#maincontent .left ul {
	list-style-type: none;
	text-align: left;
	float:left;
	width: 100%;
}

#maincontent .left a{
color:#7f7f7f;
padding:0 0 0 21px;
width:182px;
height:32px;
border-bottom:1px solid #bbbaba;
float:left;
}

#maincontent .left a:hover, #maincontent .left ul.bottom a:hover, #maincontent .middle a:hover {
	color: #ff0000;
}

#maincontent .left ul.top a p {
	margin: 10px 0 0 40px;
}

#maincontent .left ul.bottom a {
	color: #000;
	padding: 0 0 0 20px;
	}

#maincontent .left ul.bottom li {
height: 32px;
width: 100%;
}

#maincontent .left ul.bottom li img {
float: left;
padding: 0 16px 0 0;
}

#maincontent .left ul.bottom li a p {
float:left;
margin:10px 0 0;
}

/*--------DASHBOARD MENU BACKGROUND IMAGES---------*/

#maincontent .left ul.top .toptwo{
background:url('images/links_image_02.jpg') no-repeat;
}

#maincontent .left ul.top .toptwo:hover{
background:url('images/links_image_02_hover.jpg') no-repeat;
}

#maincontent .left ul.top .topthree{
background:url('images/links_image_03.jpg') no-repeat;
}

#maincontent .left ul.top .topthree:hover{
background:url('images/links_image_03_hover.jpg') no-repeat;
}

#maincontent .left ul.top .topfour{
background:url('images/links_image_04.jpg') no-repeat;
}

#maincontent .left ul.top .topfour:hover{
background:url('images/links_image_04_hover.jpg') no-repeat;
}

#maincontent .left ul.top .topeight{
background:url('images/links_image_09.jpg') no-repeat;
}

#maincontent .left ul.top .topeight:hover{
background:url('images/links_image_09_hover.jpg') no-repeat;
}

#maincontent .left ul.top .topten{
background:url('images/links_image_10.jpg') no-repeat;
}

#maincontent .left ul.top .topten:hover{
background:url('images/links_image_10_hover.jpg') no-repeat;
}

/*MENU ADMIN*/

#menuadmin #menuadminbox {

}

#menuadminbox {
border: 1px solid #ccc;
margin: 10px;
width: 730px;
padding-bottom: 20px;

}

#menuadminbox .dhtmlgoodies_tree {
padding: 0px 20px;

}

#menuadminbox .dhtmlgoodies_tree li {
padding: 2px 0px;
letter-spacing: -.1em;
font-weight: bold;
}

#menuadminbox .dhtmlgoodies_tree li a {
font-size: 1.2em;
line-height: 0em;
padding-left: 5px;
position: relative;
top: -8px;
font-weight: bold;
letter-spacing: -.05em;
}

/*USER ADMIN*/

#userpermissions {
padding-left: 20px;
}

#userpermissions input[type="radio"] {
margin: 0px;
}

#add_user_page {
width: 100%;
font-size: 1.2em;
margin-bottom: 10px;
}

#add_user_page th {
background: #f0f0f0;
color: #7A7A7A;
border-bottom: 1px solid #bbbaba;
padding: 5px;
font-weight: normal;
}

#add_user_page th a {
color: #7a7a7a;
}

#add_user_page td {
padding: 5px;
border-bottom: 1px solid #bbbaba;
}

#edituser {
margin: 20px;
width: 95%;
font-size: 1.2em;
}

#edituser td {
padding: 5px;
}

#adduserbox p {
margin: 5px 0px 5px 20px;
}

.addusersection {
width: 95%;
font-size: 1.2em;
margin: 10px 0px 10px 20px;
border-bottom: 1px solid #999;
}

.addusersection td {
padding: 5px;
}

/*DEVELOPER TOOLS*/

#devtools {
margin: 20px;
}

#devtools a {
color: #0753FA;
font-size: 1.4em;
}

#devtools a:hover {
text-decoration: underline;
color: #0753FA !important;
}

/*INTERFACE DESIGENR*/

#interfacedesigner {
width: 422px;
float:left;
border-right: 1px solid #ccc;
/* min-height: 692px; */
}

.IDbox {
padding: 10px;
border-collapse: separate;
clear: both;
margin: 0;
}

#page-settings {
margin: 2px;
}

#page-settings td {
padding: 5px;
text-align: left;
}

#page-settings .IDbox input, #page-settings .IDbox select {
margin: 2px;
}


#page-settings .color {
border:1px solid #fff;
outline: 1px solid #ccc;
border:1px solid #fff;
outline: 1px solid #ccc;
    padding: 2px 0;
	text-align:center;
	height: 16px;
	width: 50px;
	margin: 0;
	}


#page-settings .shortfield {
width: 45px;
}

#page-settings input[type="checkbox"] {
width: auto;
}

#page-settings input.offsets {
width: 20px;
}

.deletebtn {
background: url(/devlive/images/close_button.png) no-repeat;
width: 49px;
height: 49px;
position: absolute;
top: -24px;
left: 93%;
border: none;
z-index: 5000;
}

/*POPUPS - IMAGE OPTIMIZER*/

#optimize_popup{
position: absolute;
margin: 0px auto;
z-index: 20001;
display: none;
}

#loading_popup {
margin: 10px 0px;
display: none;
}

#optimize_popup_banner {
background: url("/devlive/images/file_vault.jpg") no-repeat scroll 45% 40% #6C6C6C;
height: 48px;
margin: 0 0 20px 0;
}

#uploadwrap {
background: #fff;
height: 440px;
width: 720px;
padding: 10px;
}

#uploadwrap a {
color: #165AA0;
}

#uploadwrap  #optimize_popup_left {
width: 355px;
float: left;
margin: 10px 5px;
}

#uploadwrap #optimize_popup_left .scroll_picture {
width: 330px;
}

#uploadwrap #optimize_popup_left .scrollArea{
height: 255px;
overflow:auto;
border: 1px solid #ccc;
}

.fname {
width: 175px;
}

.fname, .cdate, .ftype, .fdelete {
float: left;
padding: 5px;
}

#uploadwrap  #optimize_popup_right {
width: 310px;
float: left;
margin: 15px 5px 10px 5px;
}

#uploadwrap  #optimize_popup_right input[type="text"] {
width: 328px;
margin: 5px 0px;
}

#uploadwrap #optimize_popup_right #image_preview {
width: 332px;
border: 1px solid #ccc;
min-height: 95px;
margin-top: 5px;
}

/*POPUPS - PAGE SETTINGS*/

#pagesettings {
position: absolute;
margin: 0px auto;
z-index: 20001;
display: none;
}

#pagesettings #innerContainer {
background: #fff;
padding: 10px;
}

#pagesettings #pagesettings-top {
background: #6C6C6C;
height: 48px;
}

#pagesettings .top, #pagesettings .bottom {
width: 100%;
margin: 10px;
}

#pagesettings input[type="text"], #pagesettings textarea {
width: 90%;
margin: 5px 0px;
}

#pagesettings .bottom .pagetypes {
width: 33%;
}

#pagesettings .bottom .pagetypes img {
padding-bottom: 10px;
margin-left: 20px;
}

#pagesettings p.greyedtext {
font-size: 1em;
margin-left:22px;
}

/*BUGTRACKER*/

#bugtracker {
position: absolute;
margin: 0px auto;
z-index: 20001;
display: none;
}

#bugtracker #bugtracker_div {
width: 655px;
padding: 5px;
background: #fff;
}

#bug_popup_banner {
background: url('/devlive/images/bug_track_header.jpg') no-repeat scroll 38% 45% #6c6c6c;
height: 48px;
}

#bugform {
width: 95%;
margin: 25px auto;
}

#bugform td {
padding: 5px 10px;
}

#bugform textarea {
width: 100%;
padding: 2px;
}

#bugform select, #merchant select, #products select, #contentdd select, #orders select {
width: 100%;
background: #fff;
border: 1px solid #cecece;
padding: 2px;
}

#bugform input[type="radio"] {
float: left;
}

#bugform p {
padding: 5px 0px;
}

/* Sortables */

.glow-sortable-dropindicator {
     border: 1px dashed #aaa9a7;
     background-color: #e2e2e2;
     height: 160px;
     margin: 10px;
     width: 200px;
     float:left;
     cursor:move;
}


/* LIGHTBOX */

#devlivegallery {
background: #fff;
}

#devlivegallery #image_rotate {
padding: 20px;
margin: 0px auto;
max-width: 800px;

}

#devlivegallery #image_rotate li {
display: inline;
}

#devlivegallery #image_rotate li a img {
margin: 10px;
border: 1px solid #000;
}

/* MERCHANT CONTROLS */

#merchant {
position: absolute;
margin: 0px auto;
z-index: 20001;
display: none;
}

#products {
position: absolute;
margin: 0px auto;
z-index: 20000;
display: none;
}

#contentdd {
position: absolute;
margin: 0px auto;
z-index: 20000;
display: none;
}

#orderconfirm {
position: absolute;
margin: 0px auto;
z-index: 20003;
display: none;
}

#orders {
position: absolute;
margin: 0px auto;
z-index: 20000;
display: none;
}


#merchant #innerContainer {
background: #fff;
padding: 10px;
width: 680px;
}

#products #innerContainer, #orders #innerContainer {
background: #fff;
padding: 10px;
width: 680px;
}

#contentdd #innerContainer {
background: #fff;
padding: 10px;
width: 680px;
}

#orderconfirm #innerContainer {
background: #fff;
padding: 10px;
width: 680px;
}

.merchanttop {
background: #6C6C6C;
height: 48px;
}

#merchant .tall_textboxes, #products .tall_textboxes, #contentdd .tall_textboxes, #orders .tall_textboxes {
padding: 0.3em;
width: 230px;
margin-bottom: 5px;
}

#merchant select, #products select, #contentdd select {
width: 238px;
}

.merchantsettings td {
padding: 5px;
}

#merchant #productslist {
border: 1px solid #ccc;
padding: 10px;
height: 95px;
overflow: auto;
}

#merchant .tabs, #products .tabs, #orderconfirm .tabs, #contentdd .tabs, #orders .tabs {
font-size: 1.3em !important;
color: #2c6cae !important;
}

#merchant hr, #products hr, #orderconfirm hr, #contentdd hr {
border: none;
background: #ccc;
height: 1px;
}

#merchant .title, #products .title, #orderconfirm .title, #contentdd .title {
font-size: 1.2em;
margin: 10px 0px;
}

#merchant fieldset, #products fieldset, #orderconfirm fieldset, #contentdd fieldset {
border: 1px solid #ccc;
padding: 10px;
}

.purchasetable td {
padding: 5px 10px;
font-family: inherit;
}

.purchasetable h3 {
font-weight: bold;
font-family: inherit !important;
padding: 0px !important;
}

.totals {
background: #ccc;
font-weight: bold;
font-size: 1.2em;
color: #000;
}

.merch_wrap {
margin: 0 62px;
}

.merch_selection {
float: left;
text-align: center;
padding-right:15px;
}

.merch_selection img {
padding: 10px;
}

/* NEW ADMIN HEADER */

#adminheader2 {
background: url(/devlive/images/nav_bg.jpg) repeat-x;
border: 1px solid #8A8A8A;
color: #fffa73;
font-weight: bold;
font-size: 1.2em;
text-align: center;
height: 31px;
width: 100%;
position: relative;
left: 0;
top:0;
z-index: 1000;
}

#adminheader2 .align_right {
padding: 6px 9px;
}

#adminheader2 .align_right li {
display: inline;
}

#adminheader2 .align_right li a {
color: #fff;
font-size: .9em;
font-weight: normal;
}

#adminheader2 .align_right li a:hover {
color: #ff0000;
}

#adminheader2 input.savebtn {
background: url(/devlive/images/savebtn.jpg) no-repeat;
border: none;
height: 26px;
width: 78px;
margin-right: 5px;
cursor:pointer;
}

#adminheader2 input.cancelbtn {
background: url(/devlive/images/cancelbtn.jpg) no-repeat;
border: none;
width: 78px;
height: 26px;
cursor:pointer;
}

#adminheader2 input.addtopicbtn {
background: url(/devlive/images/newcontainerbtn.jpg) no-repeat;
border: none;
width: 115px;
height: 26px;
cursor:pointer;
}

/* ADD THIS DIV INSIDE OR THE DIV YOU WANT TO OVERLAY, TAKE THE HEIGHT FROM THE ELEMENT */

.editor_overlay {
background: #000;
opacity: .5;
filter:alpha(opacity=50);
width: 100%;
font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans-serif;
font-size: 1.8em;
color: #fff;
}

/*CART CSS*/

#cartheader {
background: #FFFFE5;
border-bottom: 1px solid #FFC90F;
height: 18px;
padding: 10px 20px;
font-size: 1.4em;
font-weight: bold;
}

.carticon1, .carticon2, .carticon3 {
height: 25px;
float: left;
vertical-align: bottom;
padding-top: 10px;
}

.carticon2 {
background: url(/devlive/images/shoppingcart.png) scroll 0% bottom repeat-x;
text-align: center;
padding-top: 2px;
width: 35px;
height: 34px;
font-size: 9px;
}

#carttable {
width: 94%;
font-size: 12px;
margin-left: 30px;
}

#carttable th {
font-weight: bold;
font-size: 14px;
background: #f0f0f0;
border-bottom: 1px solid #ccc;
color: #999;
padding: 10px;
}

#carttable td {
vertical-align: top;
padding: 10px;
}

#carttable .itemlink {
font-size: 14px;
font-weight: bold;
}

#carttable input[type="text"] {
width: 60px;
}

#carttable .cartitem td {
border-bottom: 1px solid #ccc;
}

/*NEW EDIT MODE*/

.editoverlay {
background: url(/devlive/images/overlaypng.png) repeat;
z-index: 40000;
position: absolute;
/*width and height taken from the container*/
width: 50%;
height: 300px;
font-size: 18px;
color: #fff;
cursor: all-scroll;
text-align: center;
}

.editoverlay .deletebtn {
background: url(/devlive/images/close_button.png) no-repeat;
width: 49px;
height: 49px;
position: relative;
top: -40px;
left: 50%;
border: none;
}

.editoverlay p {
font-weight: bold;
position: relative;
top: 20px;
letter-spacing: -1px;
}

.editoverlay p a, .newcontainlink {
color: #000;
font-family: Helvetica, arial, sans-serif;
font-size: 20px;
}

.editoverlay p a:hover {
color: #ff0000;
}

#typelink {
color: #FFFFFF;
z-index: 80005;
}

#typelink: ahover {
color: #FF0000;
}

.newcontainlink: a:hover {
color: #ff0000;
}

.cartlist li {
padding: 5px 0;
}

#edit_screen_header .deletebt {
background: url(/devlive/images/close_button.png) no-repeat;
width: 49px;
height: 49px;
position: relative;
top: -112px;
left: 50%;
border: none;
}

.greybox {
	border: 1px solid #c9c8c8;
	background-color: #e6e6e6;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	font-size: 10px;
}

#popup {
	margin-left: auto;
	margin-right: auto;
}

#popup td {
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}

#editlink1, #editlink2 {
color: #fff;
font-weight: bold;
font-family: Helvetica, Arial, Sans-serif;
letter-spacing: -1px;
font-size: 20px;
}

a#editlink1:hover, a#editlink2:hover {
color: #ff0000;
}

.yui-skin-sam .yui-dt table { width: 100%; }


/* CSS for welcome pop up screens (By sam) */


#welcomepopup{
width:670px;
height:270px;
background-color:#fff;
font-size:13px;
margin-left:auto;
margin-right:auto;
/* margin-top:200px; */
position:absolute;
z-index:12000;
top:200px;
}

#welcomepopup table{
margin:auto;

}


#welcomepopup th{
font-size:27px;
letter-spacing:-1px;
color:#717171;
font-weight:bold;
font-family:Helvetica,Arial,sans-serif;
padding-bottom:21px;
}

#welcomepopup li a{
font-weight:bold;
letter-spacing:-1px;
color:#ce0000;
font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Sans-serif;
}

#welcomepopup li {
margin:0;
padding:0;
list-style:none;
}

#welcomepopup ul {
margin:0;
padding:0;
padding-top:15px;
padding-bottom:15px;

}

#welcomepopup a{
letter-spacing:-1px;
color:#0052ce;
font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Sans-serif;
}

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

#welcomepopup td{
letter-spacing:-1px;
color:#717171;
font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, Sans-serif;
}