/* general settings */
body{
	margin:0;
	color:#4c4c4c;
	font:11px Arial, Helvetica, sans-serif;
	min-width:962px;
	background:url(/images/bg-body.gif) repeat-x;
}
h2{
	margin:0 0 20px;
	padding:0 0 7px;
	color:#191919;
	font-size:14px;
	line-height:16px;
	border-bottom:1px solid #acacac;
}
img{border-style:none;}
a{
	color:#5167a6;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border:none;
}
/* wrapper */
#wrapper{
	width:962px;
	margin:0 auto 60px;
}
/* header */
#header{
	width:100%;
	padding:11px 0 0;
	margin:0 0 0px;
	overflow:hidden;
}
/* logo */
.logo{
	float:left;
	margin:0 0 10px;
	background:url(/images/logo.png) no-repeat;
}
.logo a{
	float:left;
	position:relative;
	font-size:22px;
	line-height:40px;
	text-decoration:none;
	color:#fff;
	padding:0 0 1px 52px;
}
.logo a:hover{text-decoration:underline;}
/* add navigation */
.add-nav{
	float:right;
	overflow:hidden;
	display:inline;
	margin:13px -9px 0 0;
	padding:0;
	list-style:none;
	line-height:13px;
}
.add-nav li{
	float:left;
	margin:0 0 0 -1px;
	padding:0 12px 0 13px;
	background:url(/images/separator00.gif) no-repeat 0 3px;
}
.add-nav li a{
	color:#d6d6d6;
}
.add-nav li.active a,
.add-nav li a:hover{
	text-decoration:none;
	color:#fff;
}
/* main navigation */
#nav{
	height:1%;
	overflow:hidden;
	clear:both;
	margin:0;
	list-style:none;
	font-size:12px;
	line-height:33px;
	font-weight:bold;
	padding:2px 2px 0px;
	position:relative;
	background:url(/images/bg-nav.gif) no-repeat;
}
#nav li{
	float:left;
	padding:0 2px 0 0;
	background:url(/images/separator01.gif) no-repeat 100% 0;
}
#nav li a{
	color:#fff;
	float:left;
	padding:0 28px 2px 27px;
	position:relative;
}
/* active and hover state */
#nav li.active a{
	color:#000;
	padding:0 28px 2px;
	margin:0 0 0 -1px;
	text-decoration:none;
	background:url(/images/bg-nav-roll.gif) repeat-x;
}
#nav li.active a.first-child{
	margin:0;
	color:#000;
	padding:0 28px 2px 27px;
	background:url(/images/bg-nav-first.gif) no-repeat;
}
/* sub navigation */
#nav ul{
	width:495px;
	position:absolute;
	top:37px;
	left:0;
	margin:0;
	padding:0 0 8px 466px;
	list-style:none;
	background:url(/images/bg-sub-nav.gif) no-repeat 1px 0;
}
#nav li.active ul li{
	font-weight:normal;
	font-size:11px;
	padding:0 17px 0 18px;
	background:url(/images/separator02.gif) no-repeat 0 50%;
}
#nav li.active ul li:first-child{background:none;}
#nav li.active ul li a{
	padding:0;
	background:none;
}
#nav li.active ul li.active a:hover,
#nav li.active ul li.active a{
	font-weight:bold;
	background:none;
	padding:0;
	text-decoration:none;
}
#nav li.active ul li a:hover{
	text-decoration:underline;
}
/* main */
#main{
	height:1%;
	padding:37px 1px 39px 17px;
	border-bottom:1px solid #c1c1c1;
	background:url(/images/bg-main.gif) repeat-y 1px 0;
}
#mainflex 
{
	width: 1013px;
	height:750px;
}
#main.sub{padding:61px 1px 39px 17px;}
#main:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}

/* two columns */
#twocolumns{
	float:left;
	width:650px;
	position:relative;
	z-index:2;
}
#twocolumns #content{
	float:right;
	width:444px;
}



/* dynamic two columns (see ApiUrlBuilder.aspx) */
.twocolumns
{
	float: left;
	width: 650px;
	position: relative;
	z-index: 2;
}

.twocolumns #content{
	float: right;
	width: 444px;
}

.onecolumn
{
	float: left;
	width: 650px;
	position: relative;
	z-index: 2;
}

.onecolumn #content{
	float: right;
	width: 650px;
}

/* content */
#content
{
	float:left;
	width:655px;
}

#main h1
{
	margin:0 0 17px;
	padding:0 0 9px;
	color:#191919;
	font-size:17px;
	line-height:19px;
	background:url(/images/border.gif) no-repeat 0 100%;
}

#content h2
{
	margin:0 0 20px;
	padding:0 0 7px;
	color:#191919;
	font-size:14px;
	line-height:16px;
	border-bottom:1px solid #acacac;
}
#twocolumns #content h2{
	margin:0 0 10px;
	border:0;
	padding:0;
}
#content p{
	margin:0;
	line-height:15px;
}
/* stats */
.stats{
	margin:0 0 23px;
	width:100%;
	overflow:hidden;
	font-size:12px;
	line-height:14px;
}
.stats dt{
	font-weight:bold;
	float:left;
	padding:0 3px 0 0;
}
* html .stats dt{padding:0;}
.stats dd{margin:0;}
/* graph */
.graph{
	width:100%;
	overflow:hidden;
	margin:0 0 35px;
}
.graph img{display:block;}
/* box */
#content .box{
	height:1%;
	overflow:hidden;
	margin:0 0 36px;
	background:url(/images/bg-box.gif) repeat-y;
}
#content .box .holder{
	padding:0 0 2px;
	background:url(/images/bg-box-b.gif) no-repeat 0 100%;
}
#content .box .frame{
	width:623px;
	padding:16px 16px 12px;
	overflow:hidden;
	background:url(/images/bg-box-t.gif) no-repeat;
}

#content .box .frame_30{
	width:623px;
	padding:16px 16px 12px;
	overflow:hidden;
	background:url(/images/bg-box-t.gif) no-repeat;
	height:30px;
}
#content .box .frame_30 .dropdown
{
	float:left;
	width:150px;
	border:1px solid #000000;
	margin:0px 0px 0px 20px;
	
}
.save
{
	float:left;
	line-height:22px;
	height:26px;
	width:61px;
	color:#333;
	padding: 0 0px 0 35px;
	background:url(/images/save.png) no-repeat;
	margin:0 0 0 230px;
}


#content .box .frame_30 span
{
	float:left;
	margin:0 0 20px;
	padding:0 0 7px;
	color:#191919;
	font-size:12px;
	line-height:12px;
	border:0px;
	margin:0px 0px 0px 20px;
	width:100px;
	font-weight:bold;
	
}


/* scrollable */
.scrollable{
	width:100%;
	height:168px;
	overflow:auto;
}
.scrollable .scrollable-img{
	min-height:100px;
	max-height:100px;
}


/* gallery */
.gallery{
	display:table-row;
	margin:0;
	padding:0;
	list-style:none;
}
.gallery li{
	width:91px;
	display:table-cell;
	text-align:center;
	padding:0 15px 0 0;
}
* html .gallery li {float:left;clear:right;}
*+html .gallery li {float:left;clear:right;}
/* name */
.gallery li strong{
	display:block;
	padding:1px 0 0;
	margin:0 0 -2px;
	line-height:13px;
}
.gallery li strong a{color:#4c4c4c;}
/* type */
.gallery li span{
	font-size:10px;
	line-height:12px;
	margin:0 0 0 -4px;
}
.gallery li img{vertical-align:top;}
/* columns */
.columns{
	width:696px;
	margin:-3px 0 0 -58px;
	overflow:hidden;
}
/* column */
.columns .column{
	width:290px;
	float:left;
	display:inline;
	margin:0 0 0 58px;
}
.columns h3{
	margin:0 0 14px;
	font-size:12px;
	line-height:14px;
}
.columns h3 a{color:#333;}
#content .bar{
	height:1%;
	overflow:hidden;
	margin:0 0 13px;
}
/* paging */
.paging
{
	float:left;
	margin:0;
	padding:4px 0 0;
	list-style:none;
	line-height:13px;
	/*width:230px;*/
}
.paging li{
	float:left;
	display:inline;
	margin:0 13px 0 0;
}
.paging li a{color:#2e4686;}
.paging li strong{color:#4c4c4c;}
/* prev link */
.paging .prev a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:5px;
	height:13px;
	background:url(/images/link-prev.gif) no-repeat 0 50%;
}
/* next link */
.paging .next a{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	width:5px;
	height:13px;
	background:url(/images/link-next.gif) no-repeat 0 50%;
}
.paging .prev strong{text-indent:-9999px;display:none;overflow:hidden;width:5px;height:13px;background:url(/images/link-prev.gif) no-repeat 0 50%;}
.paging .next strong{text-indent:-9999px;display:none;overflow:hidden;width:5px;height:13px;background:url(/images/link-next.gif) no-repeat 0 50%;}


/* search */
.search{
	float:right;
	width:162px;
	height:22px;
	padding:0 7px 0 12px;
	background:url(/images/bg-search.gif) no-repeat;
}
.search .submit{
	float:right;
	width:15px;
	height:15px;
	background:none;
	border:0;
	display:inline;
	padding:0;
	cursor:pointer;
	margin:3px 0 0 0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.search .text{
	float:left;
	color:#fff;
	background:none;
	border:0;
	width:142px;
	height:14px;
	padding:4px 0;
}
/* fonts */
.fonts{width:442px;}
.fonts ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
.fonts ul:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
.fonts ul li{width:427px;padding:15px 0 14px 15px;float:left;vertical-align:top;border-bottom:1px solid #acacac;}
.fonts ul li:hover{	cursor:pointer;}

.fonts ul li .description{
	clear:both;
	width:100%;
	padding:5px 0 0;
	overflow:hidden;
}
.fonts ul li strong{
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height:19px;
	padding:5px 0 2px;
}
.fonts ul li span{
	font-size:11px;
	line-height:13px;
}
.fonts ul li span a{
	float:none;
	color:#4c4c4c;
}
.fonts ul li:hover
{
	background-color:#fff7d0;
}
.fonts ul li.hover .drop,
.fonts ul li:hover .drop,
.fonts ul li.active .drop{display:block;}

/* styles */
.styles
{
	width: 442px;
}

.styles ul
{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.styles ul:after
{
	height: 0;
	clear: both;
	content: '';
	display: block;
}

.styles ul li
{
	width: 427px;
	padding: 15px 0 14px 15px;
	float: left;
	vertical-align: top;
	border-bottom: 1px solid #acacac;
}

.styles ul li .description
{
	clear: both;
	width: 100%;
	padding: 5px 0 0;
	overflow: hidden;
}

.styles ul li strong
{
	display: block;
	font-weight: normal;
	font-size: 12px;
	line-height: 19px;
	padding: 5px 0 2px;
}

.styles ul li span{
	font-size: 11px;
	line-height: 13px;
}

.styles ul li span a{
	float: none;
	color: #4c4c4c;
}

.styles ul li:hover
{
	background-color:#fff7d0;
}

.styles ul li.hover .drop,
.styles ul li:hover .drop,
.styles ul li.active .drop
{
	display: block;
}

.listStyleName
{
	font-size: 1.5em;
	font-weight: bold;
	float: left;
}

.listStyleActions
{
	float: right;
	padding-right: 20px;
}

.listStyleActionsDelete
{
	clear: none;
	float: left;
	cursor: pointer;
}

.listStyleActionsDownload
{
	clear: none;
	float: left;
	cursor: pointer;
	padding-left: 10px;
}

.listStyleFileName
{
	clear: both;
	font-style: italic;
}

.fileUploadControl
{
	width: 200px;
}

.modalButton
{
	/* placeholder */
}


/* drop */
.drop{
	position:absolute;
	top:110px;
	left:-17px;
	clear:both;
}
.drop .t{
	width:283px;
	height:450px;
	overflow:hidden;
	background:url(/images/bg-drop-t.png) no-repeat;
}
.drop .b{
	width:283px;
	height:10px;
	overflow:hidden;
	background:url(/images/bg-drop-b.png) no-repeat;
}
.drop .c{
	height:1%;
	padding:0 0 0 51px;
	background:url(/images/bg-drop.png) repeat-y;
}
.drop .c:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
/* drop content */
.drop .content{
	float:left;
	width:207px;
	line-height:15px;
	margin:-436px 0 0;
	position:relative;
}
/* image */
.drop .image{
	width:100%;
	overflow:hidden;
	margin:0 0 11px;
	border-bottom:1px solid #c1c1c1;
	min-height:200px;
	max-height:250px;
}
.drop .image img
{
	max-height:250px;
	display:block;
}

#content .drop p
{
	margin:0 0 13px;
}

/* info */

.drop .info{
	margin:0 0 7px;
	width:100%;
	overflow:hidden;
}

.drop .info dt{
	float:left;
	font-weight:bold;
}

.drop .info dd
{
	margin:0 0 0 75px;
}

.drop .info dd span
{
	display:block;
}

/* tags */
.drop .tags{
	margin:0 0 15px;
	width:100%;
	overflow:hidden;
}
.drop .tags dt{
	float:left;
	font-weight:bold;
}
.drop .tags dd{
	width:159px;
	float:right;
	margin:4px 0 0;
	padding:3px 6px 4px;
	border:1px solid #ccc;
	min-height:20px;
}
.fonts ul li .drop a{float:none;} 
.drop .tags dd a{color:#4c4c4c;}
.fonts ul img{vertical-align:top;}
.styles ul li .drop a{float:none;} 
.styles ul img{vertical-align:top;}
/* aside */
.aside{
	float:left;
	width:185px;
	padding:30px 0 0;
}
.aside h3{
	margin:0 0 17px;
	color:#4c4c4c;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	letter-spacing:1px;
}
/* box */
.aside .box{
	width:183px;
	height:259px;
	overflow:auto;
	margin:0 0 10px;
	border:1px solid #acacac;
	background:url(/images/bg-list.gif) repeat-y;
}

/* list */
.aside .list{
	/*width:166px;*/
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
	font-size:11px;
	line-height:13px;
}
.aside .list li{
	width:100%;
	overflow:hidden;
	vertical-align:top;
}
.aside .list li a{
	display:block;
	color:#666;
	padding:6px 10px 5px 13px;
}
.aside .list .all a{
	color:#fff;
	font-weight:bold;
	background:url(/images/bg-all.gif) repeat-x;
}
.aside .list .arrow a{background:url(/images/arrow.gif) no-repeat 143px 7px;}
.aside .list .color a{background:#fff7d0;}
/* button */
.aside .button{
	width:100%;
	overflow:hidden;
	margin:0 0 26px;
}
/* add collection btn */
.add-collection{
	width:121px;
	height:22px;
	color:#333;
	padding:0 0 0 64px;
	display:block;
	line-height:22px;
	background:url(/images/btn-add.gif) no-repeat;
}
.add-collection:hover{
	text-decoration:none;
	background:url(/images/btn-add.gif) no-repeat 0 -22px;
}

/* listing */
.listing{
	height:1%;
	line-height:15px;
	margin:0 0 19px;
}
.listing:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
/* title */
.listing .title{
	height:1%;
	overflow:hidden;
	margin:0 0 5px;
}
.listing .title a{
	color:#4c4c4c;
	cursor:pointer;
	text-decoration:none;
}
.listing .title a span{
	float:left;
	padding:0 6px 2px;
}
.listing .title h3{
	float:left;
	margin:2px 4px 0 0;
	display:inline;
}
.listing .tags li.active a,
.listing .title a.active{
	color:#fff;
	float:left;
	line-height:16px;
	font-weight:bold;
	background:url(/images/bg-selected.gif) no-repeat;	
}
.listing li.active a span,
.listing li.active a span,
.listing .title a.active span{
	float:left;
	padding:0 8px 2px 9px;
	cursor:pointer;
	background:url(/images/bg-selected.gif) no-repeat 100% -17px;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');
	max-width:150px;
}
.listing a.active:hover{text-decoration:none;}
/* tags */
.listing .tags{
	float:left;
	display:inline;
	margin:0 -10px;
	padding:0;
	list-style:none;
	position:relative;
}
.listing .tags li{
	float:left;
	line-height:16px;
	padding:0 2px 2px 0;
}
.listing .tags li a{
	float:left;
	color:#4c4c4c;
	cursor:pointer;
	font-weight:bold;
}
.listing .tags li a span{
	float:left;
	padding:0 8px 2px 10px;
}
.listing .tags li a:hover{text-decoration:none;}
.listing .title a.active:hover,
.listing li.active a:hover{
	color:#be1e2d;
	background:url(/images/ico-remove.gif) no-repeat 0 5px;
}
.listing .title a.active:hover span,
.listing li.active a:hover span{
	background:none;
}
.listing a:hover{
	color:#395f2b;
	background:url(/images/ico-add.gif) no-repeat 0 5px;
}
/* buttons */
.buttons
{
	margin-top:15px;
	width:100%;
	overflow:hidden;
}
/* delete btn */
.buttons .delete{
	float:left !important;
	line-height:22px;
	height:22px;
	width:43px;
	color:#333;
	padding:0 0 0 26px;
	background:url(/images/btn-delete.gif) no-repeat;
	margin-top:0px;
}
/* update btn */
.buttons .update{
	float:right !important;
	line-height:22px;
	height:22px;
	width:101px;
	color:#333;
	padding:0 0 0 24px;
	background:url(/images/btn-upd.gif) no-repeat;
}
.buttons .update:hover{
	text-decoration:none;
	background:url(/images/btn-upd.gif) no-repeat 0 -22px;
}
.buttons .delete:hover{
	text-decoration:none;
	background:url(/images/btn-delete.gif) no-repeat 0 -22px;
}
/* designs */
.designs{ padding:7px 0 0; width:100%;}
.designs .selected{ background:#fff7d0;	position:relative;border:1px solid #AFB1B4;}
.designs ul{
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.designs ul li{
	width:85px;
	padding:0 19px 21px 0;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	border:1px solid #ffffff;
}
.designs ul li:hover{
	background-color:#fff7d0;
	border:1px solid #AFB1B4;
}
.designs ul li strong{
	display:block;
	padding:3px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');

}
.designs ul li span
{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');
}

.designs ul li strong a{color:#4d4d4d;}

.designs ul li a{min-width:100px;min-height:100px;max-height:100px;max-width:100px;overflow:hidden; display:inline-block;}

.designs ul li img
{
    vertical-align:top;
	margin:0 5px 0 0;
	/*min-width:73px;
	min-height:73px;
	max-height:100px;
	max-width:100px;*/
}
/* sidebar */
#sidebar{
	float:right;
	width:245px;
	padding:22px 15px;
	position:relative;
	z-index:1;
	min-height:520px;
}
#sidebar h3{
	color:#191919;
	margin:0 0 15px;
	font-size:12px;
	line-height:14px;
}
#sidebar p{
	margin:0;
	line-height:14px;
}
/* bar */
#sidebar .bar{
	height:1%;
	padding:3px 0 26px;
}
#sidebar .design{padding:3px 0 37px;}
#sidebar .bar:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
/* upload link */
#sidebar .upload{
	float:left;
	color:#80bc03;
	font-size:14px;
	line-height:42px;
	font-weight:bold;
	padding:0 0 0 43px;
	margin:0 0 0 -27px;
	position:relative;
	background:url(/images/ico-upload.gif) no-repeat;
}
/* popup */
#popup{
	width:394px;
	margin:259px auto 0;
	overflow:hidden;
	/*background:url(/images/bg-popup.gif) no-repeat;*/
}
#popup 
{
	height:300px;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin: auto;
}
#popup .holder
{
		background:url(/images/bg-popup-t.gif) no-repeat;
		position:absolute; 
		top:0px;
		height:181px;
		width:394px;
}
#popup .frame{
	height:1%;
	padding: 0px 18px 1px 24px;
	overflow:hidden;
	background:url(/images/bg-popup-b.gif) no-repeat 0 100%;
}
/* logo master */
.logo-master{
	display:block;
	text-indent:-9999px;
	width:352px;
	height:38px;
	padding:0 0 11px;
	background:url(/images/logo-master.gif) no-repeat;
	position:relative;
	margin:12px 18px 0px 24px;
	top:17px;
}
/* login form */
.login{
	height:1%;
	overflow:hidden;
	padding:20px 33px 0 38px;
}
/* row */
.login .row{
	width:100%;
	overflow:hidden;
	margin:0 0 10px;
	background:url(/images/bg-input.gif) no-repeat 100% 0;
}
.login label{
	width:66px;
	float:left;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
	text-align:right;
}
.login .text{
	float:right;
	background:none;
	border:0;
	width:231px;
	padding:5px;
	height:14px;
	font-size:12px;
	line-height:13px;
}
.login .submit{
	float:right;
	display:inline;
	margin:2px -1px 0 0;
	width:66px;
	height:26px;
	padding:0 0 2px;
	line-height:11px;
	line-height:24px;
	color:#fff;
	border:0;
	cursor:pointer;
	background:url(/images/btn-login.gif) no-repeat;
}
.login .submit-hover,
.login .submit:hover{
	text-decoration:underline;
}
.login .bar{
	height:1%;
	overflow:hidden;
	padding:0 0 10px 78px;
}
.login .bar a{
	float:left;
	color:#2e4686;
	line-height:13px;
	margin:11px 0 0
}
* html .login .text{line-height:14px;margin:0 5px;display:inline;padding:5px 0;}
*+html .login .text{line-height:14px;margin:0 5px;display:inline;padding:5px 0;}
/* wrapper */
#popup .wrap{
	width:100%;
	overflow:hidden;
	text-align:center;
	padding:21px 0 61px;
}
* html #popup .wrap{padding:21px 0 62px;}
*+html #popup .wrap{padding:21px 0 62px;}
#popup  .wrap p{
	margin:0;
	font-size:12px;
	line-height:23px;
}
#popup  .wrap p img{
	vertical-align:middle;
	margin:0 0 0 13px;
}
.no-background{background:none;}

.selected{
	background:#fff7d0;
	position:relative;
}

.drop .name{
	/*width:159px;*/
	width:138px;
	float:right;
	margin:4px 0 0;
	padding: 2px 2px 2px 6px;
	border:1px solid #ccc;
	min-height:15px;
}
.drop .editTags{
	/*width:159px;*/
	width:139px;
	float:right;
	margin: 1px 0 0;
	padding: 0px 0px 0px 6px;
	border:1px solid #ccc;
	min-height:20px;
}

.btn-save{
	float:left !important;
	line-height:26px;
	height:26px;
	width:61px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/save.png) no-repeat;
}
.btn-cancel{
	float:left !important;
	line-height:26px;
	height:26px;
	width:61px;
	color:#333;
	padding:0 0 0 26px;
	background:url(/images/cancel.png) no-repeat;
}
.btn-pict{
	float:left !important;
	line-height:26px;
	height:26px;
	width:61px;
	color:#333;
	padding:0 0 0 26px;
	background:url(/images/pict.png) no-repeat;
}
.btn-url{
	float:left !important;
	line-height:26px;
	height:26px;
	width:61px;
	color:#333;
	padding:0 0 0 26px;
	background:url(/images/url.png) no-repeat;
}
.btn-data{
	float:left !important;
	line-height:26px;
	height:26px;
	width:61px;
	color:#333;
	padding:0 0 0 26px;
	background:url(/images/data.png) no-repeat;
}

.btn-save-med{
	float:left !important;
	line-height:26px;
	height:26px;
	width:82px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/save_med.png) no-repeat;
}

.btn-pict-med{
	float:left !important;
	line-height:26px;
	height:26px;
	width:82px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/pict_med.png) no-repeat;
}

.btn-url-med{
	float:left !important;
	line-height:26px;
	height:26px;
	width:82px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/url_med.png) no-repeat;
}

.btn-data-med{
	float:left !important;
	line-height:26px;
	height:26px;
	width:82px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/data_med.png) no-repeat;
}

.btn-save-large{
	float:left !important;
	line-height:26px;
	height:26px;
	width:122px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/save_large.png) no-repeat;
}

.btn-pict-large{
	float:left !important;
	line-height:26px;
	height:26px;
	width:122px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/pict_large.png) no-repeat;
}

.btn-url-large{
	float:left !important;
	line-height:26px;
	height:26px;
	width:122px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/url_large.png) no-repeat;
}

.btn-data-large{
	float:left !important;
	line-height:26px;
	height:26px;
	width:122px;
	color:#333;
	padding:0 0 0 35px;
	background:url(/images/data_large.png) no-repeat;
}

.bar .catalog-list{
	width:200px;
	float:left;
	margin-left:2px;
	padding: 0px 0px 0px 0px;
	border:1px solid #ccc;
	min-height:15px;
}

.bar h3
{
	color:#4C4C4C;
	font-size:11px;
	letter-spacing:1px;
	line-height:13px;
	margin-bottom:10px;
	margin-left:15px;
	margin-right:0;
	margin-top:0;
	text-transform:uppercase;
}

.bar .search {
	background-image:url("/images/bg-search.gif");
	background-position:0 0;
	background-repeat:no-repeat;
	/*float:left;*/
	float:right;
	height:22px;
	margin-left:10px;
	/*margin-top:10px;*/
	margin-top:0px;
	padding-bottom:0;
	padding-left:12px;
	padding-right:7px;
	padding-top:0;
	width:162px;
}

#color-scroller
{
	width:35px;
	float:left;
	margin-top:0px;
	margin-left:-15px;
	height:490px;
	margin-bottom:15px;
}

#color-drag-parent
{
	height:490px;
	position:absolute;
	width:20px;
}

#color-drag-Handle
{
}

#color-scroller-image
{
	float:right;
	height:490px;
}

#catalog-emb-link
{
	padding: 15px 0px 0px 32px;
}

#imgColorScroller
{
	width:25px;
	height:490px;
}

#imgDragHandle
{
	width:20px;
	left:-15px;
}

.drop .box
{
	float:right;
	width:180px;
	height:490px;
	overflow:auto;
	margin:0 0 2px 3px;
	border:1px solid #acacac;
	background:url(/images/bg-list.gif) repeat-y;
}
.color-box{	width:40px;	height:40px;float:right;}
.catalog-item{width:100%;height:40px;border-bottom:1px solid #ccc;cursor:pointer;}
.manufacturer{float:right;font-size:9px;margin-right:10px;line-height:15px;}
.code {float:right;font-size:10px;font-weight:bold;height:15px;margin-right:12px;vertical-align:middle;line-height:15px;}
.color-name 
{
	margin-top:5px;
	font-size:12px;
	height:18px;
	margin-right:52px;
	text-align:right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');
}
.color-active
{
	background-color:#FDF3B3;
	background-image:url('../img/color-active.png');
	background-repeat:no-repeat;
	width:100%;
	height:40px;
	border-bottom:1px solid #000000;
}

#color-list
{
	width:100%;
	text-align:center;
}

.color-list-titles
{
	width:100%;
	height:25px;
}
.color-list-left
{
	width:50%;
	float:left;	
	vertical-align:middle;	
}
.color-list-right
{
	width:50%;
	float:right;
	vertical-align:middle;	
}

#colorlistFull
{
    width:100%;
	border:1px solid #ACACAC;
	height:450px;
}

#colorlistEmb
{
	text-align:center;
	width:100%;
}

#colorlistPrint
{
	width:100%;
	text-align:center;
	
}



.color-list-title
{
	float:left;
	font-size:15px;
	font-weight:bold;
	height:25px;
}

.color-list-item{float:left;width:100%;border-bottom:1px solid #acacac;	cursor:pointer;}
.color-list-item-sel{float:left;width:100%;cursor:default;background-color:#fff7d0;}
.color-list-item-hover{float:left;width:100%;border-bottom:1px solid #acacac;cursor:pointer;background-color:#FDF3B3;}
.color-list-item .drag-handle{float:left;display:none;}
.color-list-item:hover .drag-handle{float:left;display:block;}


.list-color-box
{
	width:40px;
	height:40px;
	float:right;
}

.delete
{
	float:right;
	margin-right:5px;
	margin-top:5px;
}

.color-list-item .deleteColor
{
	float:right;
	margin-top:5px;
	margin-right:5px;
	display:block;
	cursor:pointer;
}




.color-display-name
{
	float:left;
	vertical-align:middle;
	font-weight:bold;
	margin-left:25px;
	margin-top:10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');
	width:40%;
	text-align:left;
	
}
.r-Text
{
	float:right;
	font-size:10px;
	line-height:20px;
	margin-left:3px;
	margin-right:3px;
	vertical-align:middle;
}
.r {float:right;font-size:12px;font-weight:bold;color:Red;line-height:20px;}
.Color-editView .r input {float:right;font-size:12px;font-weight:bold;color:red;margin-right:0px; width:25px; margin-top:7px;padding: 2px 2px 2px 6px;border:1px solid #ccc;min-height:15px;}
.g {float:right;font-size:12px;font-weight:bold;color:Green;line-height:20px;}
.Color-editView .g input {float:right;font-size:12px;font-weight:bold;color:Green;margin-right:0px; width:25px;margin-top:7px;padding: 2px 2px 2px 6px;border:1px solid #ccc;min-height:15px;}
.b {float:right;font-size:12px;font-weight:bold;color:Blue;line-height:20px;margin-right:5px; }
.Color-editView .b input {float:right;font-size:12px;font-weight:bold;color:Blue;margin-right:0px; width:25px;margin-top:7px;padding: 2px 2px 2px 6px;border:1px solid #ccc;min-height:15px;}

.color-name-list-left
{
	font-size:12px;
	line-height:20px;
	margin-right:10px;
	text-align:right;
	vertical-align:middle;
	float:right;
	width:50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');
}
.Color-ListView
{
	width:100%;
}
.Color-editView
{
	float:left;
	width:100%;
}

.color-list-left-edit
{
	width:50%;
	float:left;	
	vertical-align:middle;	
	
	height:40px;
}
.color-display-name-edit{float:left;vertical-align:middle;font-weight:bold;margin-left:10px;margin-top:7px;}


.color-Save{float:right;margin-right:10px;margin-top:10px; cursor:pointer;}
.color-Cancel{float:right;margin-right:10px;margin-top:10px; cursor:pointer;}
.picker {float:left;width:100%;}

.AddColorbtn
{
	height:40px;
	background-color:#FFF7D0;
	vertical-align:middle;
	position:static;
	float:left;
	width:100%;
	text-align:center;
	line-height:37px;
	cursor:pointer;
	border-bottom:1px solid #ACACAC;
}
#color-list h3{
	margin: 2px 2px 2px 2px;
	color:#4c4c4c;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	letter-spacing:1px;
}

.Color-editView .name
{
	width:120px;
	float:right;
	margin:4px 0 0;
	padding: 2px 2px 2px 6px;
	border:1px solid #ccc;
	min-height:15px;

}

#DeleteCollection
{
	padding-left: 10px;
	padding-right: 5px;
	cursor: pointer;
	float: left;
	margin-top: 2px;
}

#DownloadCollection
{
	padding-left: 5px;
	float: left;
	margin-top: -8px;
}


/*  copied clasees for rght side search*/
.color-search{
	float:left;
	width:162px;
	height:22px;
	padding:0 7px 0 12px;
	background:url(/images/bg-search.gif) no-repeat;
	margin-top:10px;
}
.color-search .submit{
	float:right;
	width:15px;
	height:15px;
	background:none;
	border:0;
	display:inline;
	padding:0;
	cursor:pointer;
	margin:3px 0 0 0;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.color-search .text{
	float:left;
	color:#fff;
	background:none;
	border:0;
	width:142px;
	height:14px;
	padding:4px 0;
}


#MoveTop
{
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("/images/bg-all.gif");
	background-position:0 0;
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	width:100%;
	border:0px;
	display:none; 
	text-align:center;
	padding-top:4px;
}

.login-t
{
	background-image:url("/images/bg-popup.gif");
	background-repeat:repeat-y;
	position:relative;
	border:0px solid yellow;
}
.error
{
	color:red;
}



.change-pwd{height:1%;overflow:hidden;padding:20px 33px 0 38px;}
.change-pwd .row{overflow:hidden;margin:0 0 10px; 0;}
.change-pwd label{width:140px;float:left;font-size:12px;line-height:24px;font-weight:bold;text-align:left;}
.change-pwd .text{float:left;background:none;border:0;width:231px;padding:5px;height:14px;font-size:12px;line-height:13px;background:url(/images/bg-input.gif) no-repeat}
.change-pwd .submit{
	float:left;
	display:inline;
	margin:2px -1px 0 138px;
	width:105px;
	height:26px;
	padding:0 0 2px;
	line-height:11px;
	line-height:24px;
	color:#fff;
	border:0;
	cursor:pointer;
	background:url(/images/change-pwd.gif) no-repeat;
}


#ErrorTable th
{	
	border-right: #505050 1px solid; 
	BORDER-TOP: #bfc8ce 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #bbc3ea 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #bbc3ea 1px solid; 
	FONT-STYLE: normal; 
	HEIGHT: 25px; 
	padding-left:5px; 
	text-align:left;
	BACKGROUND-COLOR: #e0e1e1;
}

#ErrorTable td
{
	BORDER-RIGHT: #e7eaf8 1px solid; 
	BORDER-TOP: #e7eaf8 1px solid; 
	BORDER-LEFT: #e7eaf8 1px solid; 
	BORDER-BOTTOM: #e7eaf8 1px solid; 
	BACKGROUND-COLOR: #ffffff; 
	FONT-SIZE: 11px;
	MARGIN: 0px; 
	COLOR: #000000; 
	FONT-FAMILY: Tahoma, Verdana;
	padding-left:5px;
	text-align:left;
}

#ErrorDetails table{width:100%;}

#ErrorDetails .header
{
	border-right: #e7eaf8 1px solid; 
	BORDER-TOP: #bfc8ce 1px solid; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #bbc3ea 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #bbc3ea 1px solid; 
	FONT-STYLE: normal; 
	HEIGHT: 25px; 
	padding-left:5px; 
	text-align:left;
	width:20%;
	vertical-align:top;
}

#ErrorDetails .data
{
	BORDER-RIGHT: #e7eaf8 1px solid; 
	BORDER-TOP: #e7eaf8 1px solid; 
	BORDER-LEFT: #e7eaf8 1px solid; 
	BORDER-BOTTOM: #e7eaf8 1px solid; 
	BACKGROUND-COLOR: #ffffff; 
	FONT-SIZE: 11px;
	MARGIN: 0px; 
	COLOR: #000000; 
	FONT-FAMILY: Tahoma, Verdana;
	padding-left:5px;
	text-align:left;
	width:80%;
	vertical-align:top;
}

.helpsublink
{
	display:none;
}
.helplink-b
{
	color:Blue;
	cursor:pointer;
}
.help-toggle
{
	padding-top:5px;	
}
.helptoplevellink li
{
	padding-top:2px;	
}

.AddColorbtn
{
	color:#fff;
	font-weight:bold;
	background-color:#ECEDED;
	/*background:url(/images/bg-all.gif) repeat-x;*/
	height:30px;
	line-height:30px;
	text-align:center;
	vertical-align:text-top;
	color:#000000;
	
}

#content .heading h2 {
	border-style:none;
	float:left;
	margin:0;
	padding:0;
}

#content .heading {
	border-bottom:1px solid #ACACAC;
	margin:0 0 20px;
	overflow:hidden;
	padding:7px 0 4px;
	width:100%;
}

#content .heading-alt {
	border:0 none;
	margin-bottom:10px;
}

.token-form {
	float:right;
	width:184px;
}
.token-form .text-token {
	background:url("/images/bg-search.gif") no-repeat scroll 0 -22px transparent;
	overflow:hidden;
	padding:0 0 0 13px;
	width:168px;
}

.token-form .text-token input {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	color:#FFFFFF;
	float:left;
	font-size:11px;
	margin:0 4px 0 0;
	padding:4px 0;
	width:134px;
}

.token-form .text-token .btn-go {
	background-position:-152px -22px;
	border:0 none;
	cursor:pointer;
	font-size:0;
	height:22px;
	line-height:0;
	margin:0;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:29px;
}

.info {
	overflow:hidden;
	width:100%;
}

.form-download {
	float:right;
	font-size:12px;
	line-height:15px;
	padding:0 34px 0 10px;
}

.form-download fieldset, .form-download .row {
float:left;
}


.form-download .row {
display:inline;
margin:0 3px 0 2px;
}

.form-download label {
	float:left;
	margin:2px 9px 0 0 !important;
}

.form-download label, .form-download select, .form-download span, .form-download .btn-download {
	display:inline-block;
	margin:0 3px 0 0;
	vertical-align:middle;
}


#select-1 {
width:106px;
}

.form-download .btn-download {
background:url("../images/btn-download.gif") no-repeat scroll 0 0 transparent;
height:22px;
overflow:hidden;
position:relative;
width:75px;
}

.form-download .btn-download span {
float:left;
margin:0;
text-indent:-9999px;
}

#select-1 {width:50px;} 
#select-3 {width:50px;} 
#select-2 {width:76px;}

#content .block, #sidebar .block {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #C1C1C1;
height:1%;
overflow:hidden;
}
#content .block .items,#content .block .userDesigns {
    list-style:none outside none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%;
}
#content .block .items li,#content .block .userDesigns li {
    border-top:1px solid #C1C1C1;
    height:1%;
    margin:-1px 0 0;
    overflow:hidden;
    padding:12px 15px 16px;
    vertical-align:top;
}
#content .block h3 {
    color:#191919;
    font-size:13px;
    line-height:15px;
    margin:0;
    padding:0 0 8px;
}

#content .block h3 a {
color:#808080;
font:bold 10px/12px Arial,Helvetica,sans-serif;
margin:0 0 0 5px;
}

#content .block .visual {
background:url("../images/bg-visual.gif") no-repeat scroll 0 0 transparent;
float:left;
height:95px;
margin:0 20px 0 0;
overflow:hidden;
padding:2px;
width:95px;
}



.block .visual img {
vertical-align:top;
}

#content .block .visual {
background:url("../images/bg-visual.gif") no-repeat scroll 0 0 transparent;
float:left;
height:95px;
margin:0 20px 0 0;
overflow:hidden;
padding:2px;
width:95px;
}
#content .block .visual-alt {
background:none repeat scroll 0 0 transparent;
float:right;
height:auto;
margin:0;
padding:0;
width:auto;
}
#content .block dl {
float:left;
font-size:12px;
line-height:15px;
margin:-3px 0 0;
overflow:hidden;
padding:0 15px 0 0;
width:175px;
}
#content .block dt {
color:#4C4C4C;
float:left;
margin:0 7px 2px 0;
text-align:right;
width:75px;
}
#content .block dd {
color:#000000;
margin:0 0 2px;
}
#content .block .items ul,#content .block .userDesigns ul {
    float:left;
    font-weight:bold;
    list-style:none outside none;
    margin:-3px 0 0;
    padding:0;
    position:relative;
}
#content .block .items ul li,#content .block .userDesigns ul li {
    border:0 none;
    clear:both;
    float:left;
    margin:0 20px 8px 0;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    vertical-align:top;
}

.btn-eps, .btn-svg, .btn-svgz, .btn-asd, .btn-cnd, .btn-ofm, .btn-png,.btn-dst,.btn-exp,.btn-user {
background:url("/images/btn-eps.gif") no-repeat scroll 0 0 transparent;
float:left;
height:20px;
overflow:hidden;
position:relative;
text-indent:-9999px;
width:58px;
}

.btn-svg {
background:url("/images/btn-svg.gif") no-repeat scroll 0 0 transparent;
}

.btn-svgz {
background:url("/images/btn-svgz.gif") no-repeat scroll 0 0 transparent;
}

.btn-png {
background:url("/images/btn-png.gif") no-repeat scroll 0 0 transparent;
}

.btn-ofm {
background:url("/images/btn-ofm.gif") no-repeat scroll 0 0 transparent;
}
.btn-dst {
background:url("/images/btn-dst.gif") no-repeat scroll 0 0 transparent;
}

.btn-exp {
background:url("/images/btn-exp.gif") no-repeat scroll 0 0 transparent;
}
.btn-user 
{
    background:url("/images/btn-user.gif") no-repeat scroll 0 0 transparent;
}

#content .block .items ul li form,#content .block .userDesigns ul li form {
    text-transform:none;
}
.select-dpi {
position:relative;
width:69px;
}
#sidebar .block .holder {
height:1%;
overflow:hidden;
padding:12px 15px;
}
#sidebar .block h3 {
color:#191919;
font-size:16px;
line-height:19px;
margin:0 0 11px;
}
#sidebar .block h3 strong {
color:#2E4686;
}
#sidebar .block .visual {
overflow:hidden;
width:100%;
}
#sidebar .block .visual ul {
list-style:none outside none;
margin:0 0 11px;
overflow:hidden;
padding:0;
width:230px;
}
#sidebar .block .visual ul li {
color:#4D4D4D;
float:left;
font-weight:bold;
height:119px;
margin:0 12px 0 0;
text-transform:uppercase;
width:100px;
}
#sidebar .block .visual ul li span {
float:left;
margin:0 0 3px;
}
#sidebar .block .frame {
border:3px solid #E8E8E8;
height:93px;
overflow:hidden;
width:94px;
}
#sidebar .visual img {
display:block;
}
#sidebar .block .visual dl {
color:#4C4C4C;
height:1%;
margin:0;
overflow:hidden;
}
#sidebar .block .visual dt {
float:left;
font-weight:bold;
margin:0 5px 5px 0;
}
#sidebar .block .visual dd {
margin:0 0 5px 35px;
}
#sidebar .block dl a {
color:#4C4C4C;
}

.section {
margin:0 0 26px;
overflow:hidden;
width:100%;
}

.section table {
border:1px solid #ACACAC;
border-collapse:collapse;
color:#000000;
float:left;
font-size:12px;
font-weight:bold;
width:348px;
}
.section table th {
	background:url("/images/bg-table-th.gif") repeat-x scroll 0 0 transparent;
	border-bottom:1px solid #C1C1C1;
	margin:0;
	padding:10px 13px 11px 0;
	text-align:right;
	width:66px;
}
.section table th.first {
	padding:0;
	width:112px;
}
.section table td {
	border:1px solid #C1C1C1;
	font-weight:bold;
	padding:7px 0 9px;
	text-align:center;
	vertical-align:top;
	
}
.section table td span 
{
	cursor:pointer;
}
.section table td span:hover 
{
	text-decoration:underline;
}
.section table td.first {
	padding:7px 13px 7px 0;
	text-align:right !important;
	width:96px;
}
.section table td.active {
color:#398F2B;
}
.section table .large {
font-size:15px;
}
.section table .small {
font-size:12px;
}
.section table .medium {
font-size:13px;
}
.section .frame {
display:inline;
float:right;
margin:0 1px 0 0;
width:290px;
}
.section .live-block 
{
	background:/*url("/images/icon-wait.gif")*/ no-repeat scroll 11px 10px #EFFFD1;
	height:1%;
	margin:0 0 31px;
	overflow:hidden;
	padding:8px 15px 15px 36px;
}
.section .live-block 
{
	color:#4C4C4C;
	font-size:12px;
	font-weight:bold;
}
.section .live-block strong {
	color:#000000;
	font-size:13px;
}
.section .live-block strong.green {
	color:#398F2B;
	font-size:12px;
	margin:0 5px 0 0;
}
.section .live-block span {
	font-size:11px;
	color:#4C4C4C;
}
#content .section .live-block p {
	color:#2E4686;
	margin:3px 0 0;
}
.section .live-block p em {
	color:#4C4C4C;
	font-size:11px;
}
.section .live-block a 
{
	color:#000;
	text-decoration:none;
}
.section .live-block a:hover 
{
	color:#000;
	text-decoration:underline;
}

.section .row {
overflow:hidden;
width:100%;
}
.section .row .column {
color:#333333;
float:left;
font-size:12px;
font-weight:bold;
line-height:15px;
text-align:center;
width:140px;
}
.section .row .calls {
margin:0 10px 0 0;
}
#content .section .row p {
margin:0 0 3px;
}
.section .row span {
background:none repeat scroll 0 0 #EDEDED;
display:inline-block;
padding:9px 5px 10px;
width:130px;
}
.section .row .column {
color:#333333;
float:left;
font-size:12px;
font-weight:bold;
line-height:15px;
text-align:center;
width:140px;
}
#content .section .row p {
margin:0 0 3px;
}
.section .row span {
background:none repeat scroll 0 0 #EDEDED;
display:inline-block;
padding:9px 5px 10px;
width:130px;
}
.section .row .quote p, .section .row .quote em {
color:#398F2B;
font-style:normal;
}




.tab-content .aside {
padding-top:25px;
}
.inner .aside {
width:120px;
}
#main.sub, #main.sub.inner {
    padding: 61px 1px 39px 17px!important;
}
#main.inner  {
padding-top:37px;
}
.inner #twocolumns {
width:654px;
}
.inner #twocolumns #content {
width:526px;
}

.tabset {
background:url("/images/bg-tabset-ul.gif") repeat-x scroll 0 100% transparent;
font-size:12px;
line-height:15px;
list-style:none outside none;
margin:0;
overflow:hidden;
padding:0 0 0 8px;
width:646px;
}
.tabset li {
float:left;
margin:0 3px 0 0;
}
.tabset li a {
background:url("/images/bg-tabset.gif") no-repeat scroll 0 0 transparent;
color:#2E4686;
float:left;
overflow:hidden;
}
.tabset li a span {
background:url("/images/bg-tabset.gif") no-repeat scroll 100% -23px transparent;
border-bottom:1px solid #D7D7D7;
float:left;
padding:4px 16px 5px;
}
.tabset li.active {
background:none repeat scroll 0 0 #FFFFFF;
font-weight:bold;
margin:0 1px 0 -2px;
}
.tabset li.active a, .tabset a:hover {
background:url("/images/bg-tabset-active.gif") no-repeat scroll 0 0 transparent;
color:#000000;
cursor:pointer;
text-decoration:none;
}
.tabset li.active span, .tabset a:hover span {
background:url("/images/bg-tabset-active.gif") no-repeat scroll 100% -24px transparent;
border-bottom:1px solid #FFFFFF;
}
.tab-content #content {
padding-top:22px;
}
.tab-content #content .heading {
margin-bottom:-3px;
padding-top:0;
}
.tab-content #content .heading h2 {
margin:4px 0 0 -1px !important;
}
.tab-content .token-form {
margin:0 -3px 0 0;
position:relative;
}




.session-holder {
background:url("/images/bg-session-holder.gif") repeat-y scroll 0 0 transparent;
width:526px;
}
.session-frame {
background:url("/images/bg-session-frame.gif") no-repeat scroll 0 0 transparent;
padding:0 1px;
width:524px;
}
.session {
background:url("/images/bg-table.png") no-repeat scroll 0 0 transparent;
border-collapse:collapse;
border-style:none;
width:524px;
}
.session th {
color:#4C4C4C;
font-size:10px;
letter-spacing:-1px;
line-height:10px;
padding:8px 0 5px 9px;
position:relative;
text-align:left;
vertical-align:top;
width:87px;
}
.session th.id {
letter-spacing:0;
width:215px;
}
.session th.active {
	/*background:url("/images/bg-th-active-line.gif") no-repeat scroll 100% 1px transparent;*/
	border-color:#B3B3B3;
	border-style:solid;
	border-width:0 1px;
	color:#000000;
}
.session th.date {
	letter-spacing:0;
	width:111px;
}
.session th strong {
font-size:12px;
}
.session th.status {
letter-spacing:0;
width:73px;
}
.session th span {
color:#808080;
}
.session th .arrow {
display:none;
}
.session td {
border-bottom:1px solid #B3B3B3;
font-size:12px;
line-height:12px;
margin:0;
padding:6px 9px 10px 10px;
vertical-align:top;
}
.session td {
background:none repeat scroll 0 0 #FFF7D0;
}
.session td.alignright {
text-align:right;
}
.session .green td {
background:none repeat scroll 0 0 #EEFFD9;
}
.session td span {
font-size:11px;
}
.session td strong {
	font-weight:normal;
	padding-left:5px;
}
.session td strong.bold {
font-weight:bold;
}
.session .blue td {
background:none repeat scroll 0 0 #E6F3FF;
}
.session td em {
font-size:10px;
font-style:normal;
}

.ranking {
background:url("/images/bg-ranking-c.gif") repeat-y scroll 0 0 transparent;
width:244px;
}
.ranking .holder {
background:url("/images/bg-ranking-t.gif") no-repeat scroll 0 0 transparent;
}
.ranking .frame {
background:url("/images/bg-ranking-b.gif") no-repeat scroll 0 100% transparent;
padding:12px 14px 12px 16px;
width:214px;
}
.ranking h2 {
color:#191919;
font-size:16px;
line-height:19px;
margin:0 0 15px -1px;
}
#sidebar h2 {
    font-size:16px;
    line-height:19px;
    margin:-4px 0 11px;
    overflow: hidden;
}
.ranking h2 span {
font-size:12px;
}
.ranking ul {
list-style:none outside none;
margin:0 0 0 -2px;
overflow:hidden;
padding:0;
width:100%;
}
.ranking ul li {
border-bottom:1px solid #C1C1C1;
margin:0 0 12px;
overflow:hidden;
padding:0 0 11px;
vertical-align:top;
width:100%;
}
.ranking ul .heading {
font-size:11px;
margin:0 0 8px;
overflow:hidden;
padding:0 4px 0 0;
width:208px;
}
#sidebar .ranking ul .heading h3, #sidebar .ranking ul ul h3 {
float:left;
font-size:11px;
line-height:13px;
margin:0;
text-transform:uppercase;
}
.ranking ul .heading strong {
float:right;
}
.ranking .progress {
overflow:hidden;
width:100%;
}
.ranking .progress ul {
list-style:none outside none;
margin:0;
padding:0;
}
.ranking .progress ul li {
border-style:none;
margin:0 0 4px;
padding:0;
position:relative;
}
.ranking .progress ul .text-block {
float:left;
padding:1px 3px 0 2px;
width:105px;
}
.ranking .panel {
border-color:#D7D7D7;
border-style:solid;
border-width:0 1px;
float:right;
overflow:hidden;
padding:0 0 0 1px;
width:100px;
}
.panel-holder {
float:left;
margin:0 -100% 0 0;
overflow:hidden;
width:100px;
}
.ranking .percent {
	/*float:left;*/
	float:right;
	height:16px;
	text-indent:-9999px;
}
.ranking .visual {
background:none repeat scroll 0 0 #E6F3FF;
float:left;
height:16px;
margin:0 !important;
}
.ranking .value {
float:right;
}
.ranking .grey {
background:none repeat scroll 0 0 #E8E7E7;
}
.ranking ul li.last {
border-style:none;
}


.TokenRow span a{color:#4C4C4C;text-decoration:none;}
.TokenRow span a:hover{color:#4C4C4C;text-decoration:underline;}
#content .heading{
	width:100%;
	overflow:hidden;
	border-bottom:0px solid #acacac;
	margin:0 0 20px;
	padding:7px 0 4px;
}



.doc_table {margin:0 0 26px;overflow:hidden;width:100%;}
.doc_table table {border:1px solid #ACACAC;border-collapse:collapse;color:#000000;float:left;font-size:12px;font-weight:bold;width:100%;}
.doc_table table th {background:url("/images/bg-table-th.gif") repeat-x scroll 0 0 transparent;border:1px solid #C1C1C1;margin:0;padding:10px 13px 11px 5px;text-align:left; vertical-align:top;}
.doc_table table td {border:1px solid #C1C1C1;	font-weight:normal;padding:7px 5px 9px 5px;text-align:left;vertical-align:top;}
.doc_table table td ul {padding:0px 0px 0px 20px;}
.doc_table h3{margin:0 0 20px;	padding:0 0 5px;color:#191919;font-size:12px;line-height:14px;}
.dev-tools .doc_table {width:100%;}
.dev-tools .doc_table select{width:160px;vertical-align:top;}

.list {padding:0px 0px 0px 20px; font-weight:normal;}
.list li {margin:0px 0px 3px 0px;}
.sublist {padding:0px 0px 0px 20px;font-weight:normal; }
.sublist li {margin:3px 0px 3px 0px;}



#content .link{
	float:left;
	color:#80bc03;
	font-size:14px;
	line-height:42px;
	font-weight:bold;
	padding:0 0 0 43px;
	margin:0 0 0 -27px;
	position:relative;
}
.personalize{margin:45%;}





#error p {
	color: #414141;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 25px;
}

#error 
{
	border: 0px solid #D4D7DD;
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 25px;
	padding-top: 10px;
	width: 600px;
}
#error h3 {
	 font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.navigation {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 10px;
	width: 250px;
}

#error ul {
	color: #414141;
	/*font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;*/
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	list-style-type: disc;
	margin:0px 0px 20px 10px;
	list-style:none;
	
}
#error ul a{
	color: #414141;
	/*font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;*/
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	list-style-type: disc;
	margin:0px 0px 20px 10px;
	list-style:none;
	
}

.loading		{background:url(/images/Loader.gif) no-repeat;min-width:100px;min-height:100px;margin:35px 0px 0px 30px;}
/*.previewimage	{min-height:100px;min-width:100px;display:none;}*/
.fonts .previewimage{min-height:25px;min-width:25px;}
.fonts .loading{margin:0px 0px 0px 150px;min-width:35px;min-height:35px;}
.styles .previewimage{min-height:25px;min-width:25px;}
.styles .loading{margin:0px 0px 0px 150px;min-width:35px;min-height:35px;}
#Designer {border:1px solid #CCCCCC; display:inline-block;padding:10px;}
#ProductArea {float:left;}
#EditElementArea{float:left;margin-left:15px;}

/*drag handle css class*/
.color-list-item .drag-handle{float:left;display:none;}
.color-list-item:hover .drag-handle{display:block;}
.fonts ul li .drag-handle{float:left;display:none; margin:-15px 0px 0px -15px; float:left;max-width:15px;max-height:15px}
.fonts ul li:hover .drag-handle{display:inline;}
.styles ul li .drag-handle{float:left;display:none; margin:-15px 0px 0px -15px; float:left;max-width:15px;max-height:15px}
.styles ul li:hover .drag-handle{display:inline;}
.designs ul li .drag-handle{float:left;display:none; float:left;max-width:15px;max-height:15px;min-height:15px;min-width:15px;z-index:2;position:absolute;}
.designs ul li:hover .drag-handle{display:inline-block;z-index:2;}
.loading20		{background:url(/images/loader20x20.gif) no-repeat;min-width:20px;min-height:20px;margin:0px 0px 0px 0px;max-width:20px;display:inline-block;}


.methodList table td {width:50%;}
#selMethods ul li{width:100%; margin:0px 0px 0px -10px;display:block; color:#5167A6; cursor:pointer;}
#selMethods ul li img{float:right;}

.toggleInfoHeader 
{
	cursor: pointer;
	font-weight: bold;
	padding-bottom: 2px;
}

.imageAlignWithText
{
	vertical-align: middle;
}

.readyInfoContainer
{
	padding-top: 5px;
}

.designInfoContainer
{
	padding-top: 10px;
	width: 49%;
}

.dataContainer
{
	padding: 8px 0px;
}

.dataContainer label
{
	width: 125px;
	float: left;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
}

.colorPickerTextElementId
{
	clear: both;
	float: left;
	font-weight: bold;
	width: 30px;
}

.colorPickerColorPartRgb
{
	float: left;
	width: 50px;
}

.colorPickerColorPartHex
{
	margin-left: 30px;
	clear: both;
	padding-bottom: 10px;
}

.center
{
	text-align: center;
}

.textScaleContainer
{
	padding-bottom: 5px;
}

.textScaleContainer label
{
	width: 45px;
	float: left;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
}

.textScaleSliderX
, .textScaleSliderY
{
	width: 110px;
	margin-bottom: 10px;
}

.outputHeader .format-options{ float:right;display:inline;margin:0 -1px;padding:0;list-style:none;position:relative;font: 11px Arial,Helvetica,sans-serif;}
.outputHeader .format-options li{float:right;line-height:16px;padding:0 2px 2px 0;}
.outputHeader .format-options li.active a{float:right;color:#4c4c4c; background:none;cursor:pointer;	font-weight:bold;border:1px solid #000000;border-radius: 2px 2px 2px 2px;line-height: 14px;}
.outputHeader .format-options li.active a span{float:right;padding:0 8px 2px 10px;background:none;line-height: 14px;}
.outputHeader .format-options li a:hover{text-decoration:none;}
/*.outputHeader .format-options a.active:hover,.listing li.active a:hover{color:#be1e2d;background:url(/images/ico-remove.gif) no-repeat 0 5px;}*/

.outputHeader .format-options li a
{	color:#fff;
	float:right;
	border:none;
	line-height:16px;
	font-weight:bold;
	background:url(/images/bg-selected.gif) no-repeat;	
}


.outputHeader li a span{
	float:right;
	padding:0 8px 2px 9px;
	cursor:pointer;
	background:url(/images/bg-selected.gif) no-repeat 100% -17px;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
	-moz-binding: url('/Content/ellipsis.xml#ellipsis');
	max-width:150px;
	border:none;
}

.outputHeader .format-options a.active:hover span,.listing li.active a:hover span{background:none;}
.divXML{display:none;}
.graph {width:100%; text-align:center;}
.graph iframe{width:520px;overflow:hidden; border:0px; height:400px;}



.calls {
    margin: 20px 0 26px;
    overflow:hidden;
    width:100%;
}
.calls table {
    border:1px solid #ACACAC;
    border-collapse:collapse;
    color:#000000;
    float:left;
    font-size:12px;
    font-weight:bold;
    width:80%;
    margin: 20px 0px 0px 0px;
}
.calls table th {
	background:url("/images/bg-table-th.gif") repeat-x scroll 0 0 transparent;
	border-bottom:1px solid #C1C1C1;
	margin:auto;
	padding:10px 13px 11px 10px;
	text-align:left;
	width:100px;
}

.calls table td {
	border:1px solid #C1C1C1;
	font-weight:bold;
	padding:7px 0 9px 10px;
	text-align:left;
	vertical-align:top;
	
}
.calls table td span 
{
	cursor:pointer;
}
.calls table td span:hover 
{
	text-decoration:underline;
}
.calls table th.first {
	padding:7px 13px 7px 0;
	text-align:right !important;
	width:96px;
}
.calls table td.first {
	padding:7px 13px 7px 0;
	text-align:right !important;
	width:96px;
}
.calls table td.active {
color:#398F2B;
}
.calls table .large {
font-size:12px;
}

#versionNumber {
    bottom: 25px;
    color: gray;
    font-size: 1.1em;
    font-style: italic;
    position: fixed;
    width: 950px;
    text-align: right;
}




#content .box h2
{
	
	
	color:#191919;
	font-size:12px;
	line-height:12px;
	border-bottom:0px;
}
#content .box .holder .frame{
	width:623px;
	padding:10px 16px 0px;
	overflow:hidden;
	background:url(/images/bg-box-t.gif) no-repeat;
}

#content .box .holder .frame span
{
	float:left;
	margin:0 0 20px;
	padding:0 0 7px;
	color:#191919;
	font-size:12px;
	line-height:12px;
	border:0px;
	margin:5px 0px 0px 20px;
	width:100px;
	font-weight:bold;
	
}
#content .box .holder .frame h2
{
	color:#191919;
	font-size:12px;
	line-height:12px;
	border-bottom:0px;
	margin:5px 0px 0px;
	font-weight:normal;
}

#sidebar .account
{
    list-style:none;
}
#sidebar .account a, #sidebar .account a:visited {
    float:left;
	color:#80bc03;
	font-size:14px;
	font-weight:bold;
	padding:6px 0 0 10px;
	margin:0px 0 0 -49px;
	position:relative;
	width: 100%;
}


.successMessage {
    color: #80bc03;
    font-size: 1.3em;
    font-weight: bold;
}

.acc_noLink
{
    font-weight:bold;
    margin:6px 0px 0px -38px;
    font-size:14px;
    width:100%;
    display:inline-block;
    max-height:20px;
   
}

.filters 
{
    margin: 25px 0px 0px 5px;
    overflow: hidden;
    width: 100%;
}
.filters table 
{
   border:1px solid #ACACAC;
   border-collapse:collapse;
   color:#000000;
   float:left;
   font-size:12px;
   font-weight:bold;
   width:550px;
}

.filters table td
{
	border:1px solid #C1C1C1;
	font-weight:bold;
	padding:7px 0 9px;
	text-align:center;
	vertical-align:top;
	min-width:50px;
}

.filters table td span 
{
	cursor:pointer;
}

.filters table .medium 
{
font-size:13px;
}

.filters table .datePicker {
    width:75px;
    margin:0px 5px 0px 0px;
}

.btn_small {
	width:66px;
	height:26px;
	padding:0 0 2px;
	line-height:11px;
	line-height:24px;
	color:#fff;
	border:0;
	cursor:pointer;
	background:url(/images/btn-login.gif) no-repeat;
}

.content-left
{
	float: left;
	width: 444px;
}

.downformats
{
    float:right;
}

.CSV
{
    background:url(/images/csv.png) no-repeat;
	float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 31px;
    position: relative;
    display:inline-block;
    
}

.deprecated
{
    color:Red;
    font-size:11px;
    font-weight:bold;
}

.dwnload
{
    width:99%;
    text-align:right;
    display:none;
}

.table_popup
{
    color:#000000;
    font-family:Arial,Helvetica, sans-serif;
}


.loader
{
    background: url(/images/loader.gif) no-repeat;
    width: 35px;
    height: 35px;
}


.request-holder 
{
    background:url("/images/bg-session-holder-600.gif") repeat-y scroll 0 0 transparent;
    width:652px;
    max-width:652px;
}
.request-frame {
    background:url("/images/bg-session-frame.gif") no-repeat scroll 0 0 transparent;
    padding:0 1px;
    width:650px;
}
.request 
{
        background:url("/images/bg-table-600.png") no-repeat scroll 0 0 transparent;
        border-collapse:collapse;
        border-style:none;
        width:648px;
        max-width:648px;
}
.request th 
{
    color:#4C4C4C;
    font-size:10px;
    letter-spacing:-1px;
    line-height:10px;
    padding:8px 0 5px 9px;
    position:relative;
    text-align:left;
    vertical-align:top;
    width:87px;
}
.request th.id {
    letter-spacing:0;
    width:215px;
}
.request th.active {
	/*background:url("/images/bg-th-active-line.gif") no-repeat scroll 100% 1px transparent;*/
	border-color:#B3B3B3;
	border-style:solid;
	border-width:0 1px;
	color:#000000;
}
.request th.date {letter-spacing:0;width:111px;}
.request th strong {font-size:12px;}
.request th span {color:#808080;}
.request th .arrow {display:none;}
.request tr.header, .request tr.header td { font-weight:bold; background:none repeat scroll 0 0 #ffffff;color:#000000;}
.request td {
    border-bottom:1px solid #B3B3B3;
    font-size:12px;
    line-height:12px;
    margin:0;
    padding:6px 9px 10px 10px;
    vertical-align:top;
    background:none repeat scroll 0 0 #FFF7D0;
    width:55px;
    max-width:55px;
    overflow:hidden;
    min-width:55px;
}
.request td.name {
    width:170px;
    max-width:170px;
    min-width:170px;
    overflow:hidden;
}

.request td.alignright 
{ 
text-align:left;
}
.request .green td {
background:none repeat scroll 0 0 #EEFFD9;
}
.request td span {
font-size:11px;
}
.request td strong {
	font-weight:normal;
	padding-left:5px;
}
.request td strong.bold {
font-weight:bold;
}
.request .blue td {
background:none repeat scroll 0 0 #E6F3FF;
}
.request td em {
font-size:10px;
font-style:normal;
}

.request .white td {
background:none repeat scroll 0 0 #ffffff;
}

/* Child table properties*/
.reqchild
{
        background:url("/images/bg-table-600.png") no-repeat scroll 0 0 transparent;
        border-collapse:collapse;
        border-style:none;
        width:100%;
}

.reqchild td { font-weight:normal; background:none repeat scroll 0 0 #ffffff;color:#000000;}
.reqchild td {
    border-bottom:1px solid #B3B3B3;
    font-size:12px;
    line-height:12px;
    margin:0;
    padding:6px 9px 10px 10px;
    vertical-align:top;
    background:none repeat scroll 0 0 #FFF7D0;
    width:55px;
    max-width:55px;
    overflow:hidden;
    min-width:55px;
    
}
.reqchild .blue td.name {
    width:170px;
    max-width:170px;
    min-width:170px;
    overflow:hidden;
}
.reqchild td.alignright {
text-align:left;
}
.reqchild .green td {
background:none repeat scroll 0 0 #EEFFD9;
}
.reqchild td span {
font-size:11px;
}
.reqchild td strong {
	font-weight:normal;
	padding-left:5px;
}
.reqchild td strong.bold {
font-weight:bold;
}
.reqchild .blue td {
    background:none repeat scroll 0 0 #E6F3FF;
    width:57px;
    max-width:57px;
    min-width:57px;
    overflow:hidden;
}
.reqchild td em {
font-size:10px;
font-style:normal;
}

.reqchild .white td {
    background:none repeat scroll 0 0 #ffffff;
     width:57px;
    max-width:57px;
    min-width:57px;
    overflow:hidden;

}
.reqchild .white td.name {
    width:160px;
    max-width:160px;
    min-width:160px;
    overflow:hidden;
}



.style .drop .t{
	width:283px;
	height:250px;
	overflow:hidden;
	background:url(/images/bg-drop-t.png) no-repeat;
}
.style .drop .b{
	width:283px;
	height:10px;
	overflow:hidden;
	background:url(/images/bg-drop-b.png) no-repeat;
}
.style .drop .c{
	height:1%;
	padding:0 0 0 51px;
	background:url(/images/bg-drop.png) repeat-y;
}
.style .drop .c:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
/* drop content */
.style .drop .content{
	float:left;
	width:207px;
	line-height:15px;
	margin:-236px 0 0;
	position:relative;
}
.style .buttons
{
	margin-top:57px;
	
}