#designStudio {
	color:#2E6E9E;
	position:relative;
	padding-bottom:20px;
}

.engHeader {
	display:block;
	color:#333333;
	height:21px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding:5px 0px 0px 8px;
	background:#CFCFCF;
	border-top:1px solid #8F8F8F;
}



a.axHeader {
	display:block;
	height:21px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding:5px 0px 0px 8px;
	background:#D0E8FF;
	border-top:1px solid #8F8F8F;
	border-bottom:1px solid #8F8F8F;
}
a.axHeader:link,
a.axHeader:visited,
a.axHeader:hover,
a.axHeader:active {
	color:#333333;
}
a.axHeader:hover {
	background:#FFF6C0;
	text-decoration:none;
}
a.axHeader:focus,
a.axHeader:active {
	text-decoration:none;
	outline:none;
}

.axRegion {
	position:relative;
	/*border:1px solid #8F8F8F;*/
	width:100%;
}



a.tabOn {
	border-left:1px outset #333333;
	border-top:1px outset #333333;
	border-right:1px outset #333333;
	padding:5px 12px 5px 12px;
	margin:0px 0px 0px 2px;
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	color:#333333;
}
a.tabOn:link,
a.tabOn:visited {
	color:#333333;
	text-decoration:none;
}
a.tabOn:hover {
	color:#333333;
	text-decoration:none;
}
a.tabOn:active,
a.tabOn:focus {
	color:#333333;
	text-decoration:none;
	outline:none;
}


a.tabOff {
	border-left:1px outset #333333;
	border-top:1px outset #333333;
	border-right:1px outset #333333;
	border-bottom:1px solid #B5D2EE;
	padding:5px 12px 4px 12px;
	margin:0px 0px 0px 2px;
	background-color:#5F5F5F;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
a.tabOff:link,
a.tabOff:visited {
	color:#EFEFEF;
	text-decoration:none;
}
a.tabOff:hover {
	color:#EFEFEF;
	text-decoration:underline;
}
a.tabOff:active {
	color:#EFEFEF;
	text-decoration:none;
}


.logoTabHeader {
	background-color:#D1D1D1;
	padding:18px 0px 5px 18px;
	vertical-align:bottom;
}
.logoTabBody {
	position:relative;
	padding:15px;
}


#lgRegion {
	position:relative;
	float:left;
	padding:0px 2px 5px 2px;
	width:160px;
	text-align:center;
	margin:10px 6px 10px 6px;
	border:1px solid #C9C9C9;
	font-size:10px;

}

#lgRegion img {
	max-width:150px;
	max-height:100px;
}

#lgRegion p {
	padding:2px;
	margin:0px;
}



#lgAdd {
	width:118px;
	margin:0px;
	padding:0px;
	border-top:1px outset #f6f6f6;
	border-left:1px outset #f6f6f6;
	border-right:2px outset #f6f6f6;
	border-bottom:2px outset #f6f6f6;
	background-color: #f6f6f6;
	text-align:left;
	position:absolute;
	z-index: 2;
}
#lgAdd li {
	list-style-type:none;
}
#lgAdd li.separator {
	border-top:1px solid #C9C9C9;
}
#lgAdd a {
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	padding:4px 0px 4px 18px;
}
#lgAdd a:link,
#lgAdd a:visited,
#lgAdd a:hover,
#lgAdd a:active {
	color:#333333;
}
#lgAdd a:hover,
#lgAdd a:active {
	background:#FFF6C0;
	text-decoration:none;
	outline:none;
}





#ideaMenu a {
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	padding:2px 12px 2px 20px;
}
#ideaMenu a:link,
#ideaMenu a:visited,
#ideaMenu a:hover,
#ideaMenu a:active {
	color:#333333;
}
#ideaMenu a:hover,
#ideaMenu a:active {
	background:#FFF6C0;
	text-decoration:none;
	outline:none;
}



#logoCategoryMenu a {
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	padding:2px 12px 2px 20px;
}
#logoCategoryMenu a:link,
#logoCategoryMenu a:visited,
#logoCategoryMenu a:hover,
#logoCategoryMenu a:active {
	color:#333333;
}
#logoCategoryMenu a:hover,
#logoCategoryMenu a:active {
	background:#FFF6C0;
	text-decoration:none;
	outline:none;
}



a.lgButton { }

/*
a.lgButton {
	display:inline;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	padding:3px 8px 3px 8px;
	background:#B5D2EE;
	width:auto;
	height:auto;
}
a.lgButton:link,
a.lgButton:visited,
a.lgButton:hover,
a.lgButton:active {
	color:#333333;
}
a.lgButton:hover,
a.lgButton:active {
	background:#FFF6C0;
	text-decoration:none;
}
*/

/* enterTextDialog not used */
.textRegion {
	position:absolute;
	background:white;
	border-right:4px solid #CCCCCC;
	border-bottom:4px solid #CCCCCC;
}

.textRegionBody {
	background:white;
	border:2px solid #222222;
	padding:5px;
}


.out {
	display:block;
	background:#CCCCCC;
	position:relative;
	margin:1em 0;
	opacity:0.96;
	filter:alpha(opacity=96);
	z-index:100;
}

.in {
	text-align:center;
	background:#FFFFFF;
	border:1px solid #333333;
	padding:5px;
	font-weight:normal;
	opacity:1.0;
	filter:alpha(opacity=100);
	z-index:101;
	position:relative;
	left:-5px;
	top:-5px;
}


.designRegion {
	position:relative;
}

.designAreaFrame {
	border-left:2px solid #BEBEBE;
	border-right:2px solid #BEBEBE;
	border-bottom:2px solid #BEBEBE;

	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}

.designAreaWrapper {
	border:1px solid #BEBEBE;
	padding:2px;

	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	overflow-x:hidden;
	overflow-y:visible;
}

/* Toolbar */

.toolbar {
	width:100%;
	border-bottom:1px solid #BEBEBE;
	border-left:1px solid #BEBEBE;
	border-right:1px solid #BEBEBE;
	height:26px;
	background-image:url(/web/js/text/icons/background_silver.jpg);
}

.toolbarHeader {
	width:100%;
	color:#FFFFFF;
	font-size: 1em;
	font-weight:bold;
	background: #cccccc url(/web/js/jquery-1.3.2/jquery-ui-1.7.1/css/custom2.0/images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x;
	padding:7px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

#fontSelect {
	display:block;
	width:132px;
	height:20px;
	border:1px solid #9F9F9F;
	cursor:pointer;
}

.fontImg {
	padding:3px;
}

.zoomFont {
	position:relative;
	top:-5px;
	left:10px;
}


#sizeSelect {
	display:block;
	width:52px;
	height:20px;
	border:1px solid #9F9F9F;
	cursor:pointer;
}

#textColorSelect {
	display:block;
	height:20px;
	cursor:pointer;
}

#rotateSelect {
	display:block;
	width:52px;
	height:20px;
	border:1px solid #9F9F9F;
	cursor:pointer;
}
.selectBox span {
	font-size:11px;
	float:left;
	padding:3px 0px 2px 8px;
	width:23px;
}
.selectBox img {
	float:right;
	padding-right:0px;
}
.selectBox a {
	display:block;
	width:110px;
	text-decoration:none;
	font-size:10px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
}
.selectBox a:link,
.selectBox a:visited,
.selectBox a:hover,
.selectBox a:active {
	color:#333333;
}
.selectBox a:hover,
.selectBox a:active {
	color:#3399FF;
	text-decoration:none;
	outline:none;
}




#fontList {
	width:270px;
	height:300px;
	margin:0px;
	padding:0px;
	border-top:1px outset #f6f6f6;
	border-left:1px outset #f6f6f6;
	border-right:2px outset #f6f6f6;
	border-bottom:2px outset #f6f6f6;
	background-color: #f6f6f6;
	text-align:left;
	position:absolute;
	z-index: 1000;
	overflow:auto;
}

#sizeList {
	width:50px;
	height:200px;
	margin:0px;
	padding:0px;
	border-top:1px outset #f6f6f6;
	border-left:1px outset #f6f6f6;
	border-right:2px outset #f6f6f6;
	border-bottom:2px outset #f6f6f6;
	background-color: #f6f6f6;
	text-align:left;
	position:absolute;
	z-index: 1000;
	overflow:auto;
}


#textColorList {
	margin:3px 0px 0px 0px;
	width:80px;
	height:80px;
	padding:0px;
	border-top:1px outset #f6f6f6;
	border-left:1px outset #f6f6f6;
	border-right:2px outset #f6f6f6;
	border-bottom:2px outset #f6f6f6;
	background-color: #f6f6f6;
	text-align:left;
	position:absolute;
	z-index: 1000;
	overflow:auto;
}

#rotateList {
	width:31px;
	height:57px;
	margin:0px;
	padding:0px 5px 0px 0px;
	border-top:1px outset #f6f6f6;
	border-left:1px outset #f6f6f6;
	border-right:2px outset #f6f6f6;
	border-bottom:2px outset #f6f6f6;
	background-color: #f6f6f6;
	text-align:right;
	position:absolute;
	z-index: 1000;
	overflow:hidden;
}

.dropdown {
	display:none;
}

.dropDown li {
	list-style-type:none;
}
.dropDown li.separator {
	border-top:1px solid #C9C9C9;
}
.dropDown a {
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	padding:0px 0px 0px 10px;
}
.dropDown a:link,
.dropDown a:visited,
.dropDown a:hover,
.dropDown a:active {
	color:#333333;
}
.dropDown a:hover,
.dropDown a:active {
	background:#FFF6C0;
	text-decoration:none;
	outline:none;
}

.toolLabel {
	color:#666666;
	text-align:right;
	padding-bottom:1px;
	font-size:10px;
}

.icon {
	margin: 1px;
	cursor:pointer;
}

.iconOn {
	margin:0px;
	border: 1px solid #C9C9C9;
	background-color:#C0DCFE;
}

.iconOver {
	margin:0px;
	border: 1px solid #C9C9C9;
	background-color:#FFF6C0;
}

.iconAlign {}

.iconDisabled {
	position:absolute;
	width:20px;
	height:20px;
}

#toolbarMessageRegion {
	position:absolute;
	width:300px;
	margin:8px;
	padding:5px;
	z-index:1000;
	opacity:0.85;
}

/* End Toolbar */


/* Begin Tabs */
.tabBody {
	padding-top:20px;
	_margin-top:10px;
}

/* End Tabs */

/* Design Area */
.ui-selecting {
	border:1px dotted #CCCCCC;
}
.ui-selected {
	border:1px dotted #C00000;
}

#scrollLeft {
	left:20px;
	position:relative;
	cursor:pointer;
	z-index:100;
}
#scrollRight {
	left:-20px;
	position:relative;
	cursor:pointer;
	z-index:100;
}

.bgOrange {
	background:#ffffff url(/web/js/jquery-1.3.2/jquery-ui-1.7.1/css/custom2.0/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
}

.dropDown-select {
	background-color:#FFCC66;
}

/* End Design Area */


.ld {
	color:#666666;
	font-weight:bold;
	font-size:13px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.loadingDialog {
	background-color:#DFDFDF;
	background-image:none;
	height:0px;
}
.loadingDialog .ui-dialog-titlebar {
	display: none;
	height:0px;
}
.loadingDialog .ui-dialog-content {
	background: #dfeffc url(/web/js/jquery-1.3.2/jquery-ui-1.7.1/css/custom2.0/images/ui-bg_gloss-wave_85_dfeffc_500x100.png) 50% 50% repeat-x;
	padding:0px;
	margin:0px;
}

#loading {
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -85px;
	width:150px;
	height:60px;
	z-index:9999;
	padding:20px;
	border:2px soild #333333;
	background-color:#D0E5F5;
}

.blockBg {
	position:fixed;
	background:#000000 none repeat scroll 0 0;
	opacity:0.75;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:101;
}

.blockDiv {
	position:relative;
	background:#000000 none repeat scroll 0 0;
	opacity:0.50;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	margin:0;
	padding:0;
	z-index:101;
}



.counter {
	color:red;
}
.num {
	color:green;
}

.selectable {
	z-index:100;
}

.draggable {

}

.resizable {
	position: relative;
	padding: 0px;
}



.ui-resizable {
	position: relative;
}


.ui-draggable {

}
.ui-draggable-dragging {

}

.ui-wrapper {
	position:relative;
}


.div-el {
	border:1px hidden white;
	margin:1px;
	display:block;
	position:static;
	z-index:100;
}


.textimg {
	cursor:move;
/*	position:relative; */
	padding:1px;
	position:absolute;
}

.holder {
	position:relative;
}

.txt-selected {
	border:1px dotted #CCCCCC;
}



.el-selected {
	border:1px dotted #CCCCCC;
}






.enterText {
	opacity:1.0;
	overflow:auto;
	background:white;
	border:1px solid #CCCCCC;
	text-align:center;
	font-size:14px;
	font-family:Arial,Verdana,Tahoma;
	white-space:pre;
	width:428px;
	height:230px;
}



.itemTools {
	text-align:center;
	margin:auto 0;
	padding-top:20px;
	z-index:100;
}

.itemTools button {
	margin-left:5px;
	margin-right:5px;
	padding:2px;
	cursor:pointer;
	white-space:nowrap;
}


.iconLeft {
	margin: 0px 3px 0px 0px;
	padding:0px;
	float: left;
}

.iconRight {
	margin: 0px 0px 0px 3px;
	padding:0px;
	float: right;
}




#removeDesign {
	position:relative;
	float:right;
}



/* Slide */
.itemTD {

}

.itemStat {
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding-top:20px;
}

#itemNav {
	border-top: 1px solid #c5dbec;
	border-bottom: 1px solid #c5dbec;
	padding: 6px 10px 6px 0px;
 	margin: 30px 10px 5px 10px;
	background: #dfeffc url(/web/js/jquery-1.3.2/jquery-ui-1.7.1/css/custom2.0/images/ui-bg_gloss-wave_85_dfeffc_500x100.png) 50% 50% repeat-x;
	color: #2e6e9e;
	outline: none;
	font-size:12px;
	font-weight:bold;
 	text-align:right;
 	overflow-x:auto;
}

#itemNav span {
	color: #2e6e9e;
	padding:3px;
	margin:2px;
	font-weight:bold;
}

#itemNav a {
	font-size:12px;
	padding:3px;
	margin:2px;
	white-space:nowrap;
	color:#2e6e9e;
	font-weight:normal;
}
#itemNav a:link,
#itemNav a:visited {
	color: #2e6e9e;
	margin:2px;
	text-decoration:underline;
}
#itemNav a:hover {
	color:#163BAA;
	background-color:white;
	text-decoration:underline;
	margin:1px;
	border:1px solid #666666;
}
#itemNav a:active {
	color:#B5D2EE;
	text-decoration:underline;
}


#summaryLogoNames p {
	margin:0px;
	padding:3px 0px 0px 0px;
}


#dialogOverlay {
/*
	background:#000000 none repeat scroll 0 0;
*/
	background: #000000 url(/web/images/overlay.png) 50% 50% repeat-x;
	opacity:0.75;
	/*
	background-image: url(/web/images/overlay.png);
	*/
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	z-index: 101;
	width:  100%;
	height: 100%;
	filter:alpha(opacity=75);
}

* html #dialogOverlay {
	background-color: #000000;
	background-color: transparent;
	background-image: url(/web/images/overlay.png);
	filter:alpha(opacity=75);
}


#dialogWindow {
	top: 20%;
	left: 50%;
	position:fixed;
	background: #fff;
	overflow: auto;
	width: 380px;
	height: 380px;
	z-index: 1000;
}

#dialogFrame {
	border: none;
	overflow: auto;
	width: 100%;
	height: 378px;
}


#shareDialog {

}

#categories h1 {
	font-weight:bold;
	font-size: 12px;
	margin:10px 0px 3px 0px;
	padding:0px;
	border:none;
	background-color:white;
}

#categories p {
	margin:2px 0px 0px 10px;
	font-size:11px;
}

.shareImage {
	border:1px solid black;
}

/* Open Dialog */



#openDesignTab p {
	padding:0px;
	margin:0px;
}

.radioRow {
	cursor:pointer;
	border: 1px solid white;
}

.highlightRow {
	background-color:#FFFFD5;
	border: 1px solid #EF9E2C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.clickedRow {
	background-color:#FFF2CF;
	border: 1px solid #EF9E2C;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.radioCell {
	cursor:pointer;
	border: 1px solid white;
}
.highlightCell {
	background-color:#FFFFD5;
	border: 1px solid #EF9E2C;
}
.clickedCell {
	background-color:#FFF2CF;
	border: 1px solid #EF9E2C;
}

/* Find and Replace Dialog */
#findReplaceDialog {
	position:relative;
}

.indexTitle {
	width: 120px;
	text-align:right;
	padding-right:5px;
	margin:0px;
	color: #666666;
	font-size: 12px;
	font-family:verdana, arial, helvetica, sans-serif;
	position:relative;
}
.find {
	width:295px;
}

.indexWrapper {
	width:120px;
	overflow: hidden;
	height: 115px;
    top: 1px;
	padding-right:5px;
	text-align:right;
	position:relative;
}
.replaceIndex {
	position: relative;
	left:0px;
	top:0px;
}
.replaceTextarea {
	font-size: 12px;
	font-family:verdana, arial, helvetica, sans-serif;
	overflow-x: scroll;
	width:300px;
	height: 129px;
	margin:0px;
	padding:0px;
}



/* jQuery Buttons */

.fg-button { z-index:1; outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

a.fg-button { float:left; }

/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button,
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }