/* styles from properties.css */ 
body {
  font-size: 100%;
  font-family: Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

	padding: 0;
	margin: 0;
	background-color: #666798;
	color: #26065a;
  height: 100%;
}
div#wrapper {
  background-color: #ffffff;
  min-height: 100%; /* used to stick footer to the page bottom */
  position: relative;
} 
* html div#wrapper { height: 100%; }

#commonFooter { position: absolute; width: 100%; bottom: 0px; }
#commonFooter h2 { margin: 0px; font-size: 16px; font-weight: bold;  }

.mainskin {
  min-height: 500px;
}

a { text-decoration: none; color: #073963; -webkit-tap-highlight-color: rgba(0,0,0,0); }
/*** a img, a span { vertical-align: middle; }  helps to align vertically image inside anchor ***/ 

input  { -webkit-appearance: none; font-style: normal; line-height: normal; font-weight: normal; -webkit-tap-highlight-color: rgba(0,0,0,0); }

.photos {width: 520px; margin-bottom: 10px; overflow: hidden; }
.photos li {float: left; line-height: 0px; padding-left: 2px;}
.photos li div { width: 97px; height: 67px; background-position: 50% 25%; background-color: #f2f2f2; padding: 5 0 0 0; text-align:justify;}

.photoBar { display: block; width:900px; list-style-type: none; margin-top: 0px;margin-left: -2px; padding: 0px}
.thumb {position: relative;}
/* avoid showing with link color */
H1, H1 A {color: #567188; }
H2, H2 A {color: #567188;}
H3, H3 A {color: #567188; }
H4, H4 A {color: #567188; }
H5, H5 A {color: #567188; }

/* RTE font size & IE's H */
.lz_xx_small { font-size: 9px; }
.lz_x_small { font-size: 10px; }
.lz_small { font-size: 11px; }
.lz_medium { font-size: 12px; }
.lz_large { font-size: 14px; }
.lz_x_large, * html h2 { font-size: 18px; }
.lz_xx_large { font-size: 24px; }
.lz_xxx_large { font-size: 36px; }
 

/* link in widget header */
.containers h2 a { color: inherit; text-decoration: inherit; }

a:hover { color: #567188; text-decoration: none; cursor: pointer}

a.external span.textInLink {
  color: #073963; 
  background: url(../icons/external.png) no-repeat scroll right center transparent;
  border-bottom: 1px dotted #CCCCCC;
  padding-right: 12px !important;
}

/*
a.external:link span.textInLink, a.external:visited span.textInLink { color: #073963; background:transparent url(../icons/external.gif) no-repeat 99% 3px; padding-right:15px; }
a.external:hover span.textInLink, a.external:active span.textInLink { color: #073963; background: #fcfcfc url(../icons/external.gif) no-repeat 99% -147px; padding-right:15px; }
*/
a img {
	border: 0;
	vertical-align: middle;
}

/* use it instead table parameters cellpadding and cellspacing */
table.tight, table.tight td { padding: 0 !importa; border-collapse: collapse !importa; }

/* #mainMenu A { font-size: 0.8em; } */
#menu .menu_Divider {border-top: 1px solid #6468E9;}

.requiredProp {
  color: #ff0000; font-weight: bold;
}

.propLabel {
  color: #10106D; font-size: 8pt; font-weight: bold;
  white-space: nowrap;
}
.propLabelI {
  color: #D0E7FA; font-size: 10pt; font-weight: normal;
  white-space: nowrap;
}

/* Chinese font for prop labels */
.propLabel:lang(zh) {
  font-family: "Li Sung", MingLiu; font-size:1em;
}

.relative { position: relative }	  
.pointer { cursor: pointer; }
.dragable, .move { cursor: move; }

img.fade {
   opacity:       0.6;
}

#fts td {padding-bottom: 1.2em;}
#fts {font-size: small;}

#user td {   font-size: 12px; }

#user a { color: #080A64}
#user span { color: #080A64; font-weight: bold;}
#user .untranslated { color: #FFFFFF; background-color: #FF2222 }

#dataEntry td { font-size: 12px; }
#dataEntry table { border-collapse: collapse; }
#siteResourceList td, #resourceList td, #div_Info td, .widget td/*, #mkresource td*/ { height: 30px; font-size: 12px; }
#siteResourceList #blog td, #siteResourceList .panel_block td { height: auto; }

.rounded_rect_tbl #siteResourceList { text-align: center; } /* align menu items */
.rounded_rect_tbl #menu{ margin: 0 auto; }
#siteResourceList #front {background-color: #ffffff}
#siteResourceList #front .label {font-size:12px; }

#resourceList td.top {height: 0px; }

div .href {display: inline;}

.hideImg * { display: inline; padding-right: 0.5em; border: none; }
.hideImg table, .hideImg img, .hideImg object, .hideImg embed, .hideImg .swf, .hideImg .flv { display: none; }
@-moz-document url-prefix() { .hideImg table { display: table; } .hideImg table td { float: left; } }

.displayInline, .displayIn4lines { max-width: 750px; word-wrap: break-word; overflow:hidden; width: 100%; height: 1em; line-height: 0.9em; text-align:justify; }
.displayInline, .displayInline * { 
  font-size: 1em !important; 
/*  font-weight:normal !important; */ 
/*  margin:0 !important;  */
}
.displayIn4lines, .displayIn4lines * { font-size: 14px !important; line-height: 16px; height: 64px; /* 64 == 16 * 4 */ text-align: left; font-weight:normal !important; margin:0 !important; padding-right: 4px;} 

.mItems {
  text-align:center;
  vertical-align: top;
}

.tabs, .tabs_current {
  height: 33px;
  cursor: pointer;
  display: inline;
  vertical-align:bottom;
}
.tabs_current .left, .right {
   width:12px;
}

.tabs img {
  border: 0;
}

.tabs a:link, .tabs a:visited {
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

.tabs .left, .tabs .right {
  width:12px;
}


/******************** awesome buttons ****************************/
/* set an awesome color for the buttons, feel free to add new colors like an input[type=button].green or input[type=button].secondary */
input[type=button], input[type=submit], .button {
  background-color: #A6A8FB;
  color: #080A64;
}
div.button { font-size: 15px; color: #080A64; padding: 3px 10px;}

/* the awesome size gets set here. Feel Free to add new sizes, like input[type=button].small or .small.large   */
input[type=button], input[type=submit], .button, a.button, .tags .item { white-space: nowrap; font-size: 15px; color: #080A64; -webkit-tap-highlight-color: rgba(0,0,0,0); }
span.font_button { vertical-align: middle; font-weight: bold;  font-size: 15px; }
input[type=button], input[type=submit] { padding: 5px 10px; }
a.button  { padding: 3px 10px; } /* a.button:active - anchor requires smaller padding than type=button */
/*input[type=button]:active, input[type=submit]:active, .button:active	{ padding: 6px 10px 5px; }*/

/* Touch the rest at your own risk. */
input[type=button], input[type=submit], .button, .tags .item { 
  border: 0; 
  cursor: pointer; 
  font-style: normal; 
  font-weight: bold; 
  line-height: 30px;
  position: relative; 
  text-align: center;
  text-decoration: none; 
  
  /* vertical margin is the opposite of button's awesomeness */
  margin-top: 0;
  margin-bottom: 0;
  
  /* not all browser support these, but who cares? */

  /* text-shadow:0 0 2px rgba(0, 0, 0, 0.4); */

          border-radius: 5px; 
     -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; 
          box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  
  background-color: #6468E9;
  background-image: -moz-linear-gradient(top center, #A6A8FB, #6468E9);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A6A8FB), to(#6468E9));
	background-image: -o-linear-gradient(#A6A8FB, #6468E9);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#6468E9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#6468E9)";

  border: 1px solid #6468E9 !important;
  border: 1px solid #1d23cd;
  
  /* cross browser inline block hack; see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  position: relative;
  
  /* IE luv */
  zoom: 1;
  
  /*disable text selection (Firefox only)*/
  -moz-user-select: none;
}
/* hide selection background color */
input[type=button]::selection, input[type=submit]::selection, .button::selection {
	background: transparent;
}

input[type=button], input[type=submit], .button {
  outline: 0; /*remove dotted line, works for links only*/
}
input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, .button::-moz-focus-inner {
  border: none; /* remove dotted lines for buttons */
}
/*input[type=button]:focus,*/
input[type=button]:hover,
/*input[type=submit]:focus,*/
input[type=submit]:hover,
/*.button:focus,*/
.button:hover,
input[type=button]:active,
input[type=submit]:active,
.button:active
 {
	background-color: #1d23cd;
	background-image: -moz-linear-gradient(top center, #A6A8FB, #1d23cd);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A6A8FB), to(#1d23cd));
	background-image: -o-linear-gradient(#A6A8FB, #1d23cd);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#1d23cd);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#1d23cd)";
	border: 1px solid #1d23cd;
}

input[type=button]:active, input[type=submit]:active, .button:active	{ 
   box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); 
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
}

/* Chrome doesn't support inset box shadow for rounded corners correct, so we better remove it */
@media screen and (-webkit-min-device-pixel-ratio:0){
  input[type=button]:active, input[type=submit]:active,.button:active	{ 
    -webkit-box-shadow: none;
  }
}
.button div { float: left; }
.btn_with_icon, a.btn_with_icon, .btn_with_icon:active, a.btn_with_icon:active { padding: 0px 3px 0px 10px; }
.btn_with_symbol, a.btn_with_symbol, .fts a.btn_with_symbol, .btn_with_symbol:active, a.btn_with_symbol:active { font-size: 18px; padding: 0px 7px 2px 7px; text-decoration: none; }

/*********************** end of new buttons  *****************************/

.but_left, .but_right {
	width:14px;
	height:23px;
}

.but_center {
	font-size:11px;
	font-weight:bold;
	padding:0px 2px 0px 2px;
}

.pieTitle {font-weight:bold; font-size:16px; color:#00309C;}
/* ----- End of Buttons ----- */

/* -- powered by on blue, larger letters */
.large-poweredBy   {
  white-space: nowrap; 
  padding-left:4px; 
  padding-right:4px; 
  padding-top:6px; 
  font-size:1.7em; 
  color:#073963; 
  text-decoration: none;
}
.large-poweredBy-b {padding-left:0px; padding-top:6px; font-size:14pt; color:#94C7F1; text-decoration: none;}

/* -- powered by on white */
.poweredBy     {font-family:Times; font-size:8pt; color:#4088CF; text-decoration: none;}
.poweredBy-b   {font-family:Times; font-size:8pt; color:#68B6EF; text-decoration: none;}

.poweredBy-td { padding: 8 8 8 8; }

/**
* textCol, iconCol, textCell, greyBorder are used to display h3 elements as icon, title and text
*/
td.textCol {
  padding-top: 8px;
	padding-left: 4px;
	font-size: 70%;
	font-weight: bold;
	color: #337;
}
/* style for Description Tab in property sheet */
td.desc {
	vertical-align: top;
	padding-left: 1em;
}

td.iconCol {
	text-align: center;
	vertical-align: top;
	padding: 6px 6px;
}

td.textCell {
	font-size: 70%;
	padding-left: 4px;
	padding-top: 10px;
	padding-bottom: 12px;
	color: #555;
}

/* Tabs for control panel and property sheet */

#tabs  td.dashboard_btn {
     padding-top:2px; padding-left:10px; padding-right:10px; padding-bottom:2px;vertical-align:bottom;  
     font-size:11px; white-space:nowrap;
  }

  .cpTabs {
    cursor: pointer;
    padding-top:2px; padding-left:10px; padding-right:10px; padding-bottom:2px;vertical-align:bottom;
    background-color: #A6A8FB;
  }

	#resourceList .cpTabs td { height: auto; }
	#resourceList .currentCpTabs td { height: auto; }

  .currentCpTabs {
    padding-top:2px; padding-left:10px; padding-right:10px; padding-bottom:2px;vertical-align:bottom;  
    color: #A6A8FB;
    background-color: #E1D1FB;
  }

  .currentTabTitle {
  	background-color: #D4D5FB;
    background-image: -moz-linear-gradient(top center, #A6A8FB, #D4D5FB);
  	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A6A8FB), to(#D4D5FB));
  	background-image: -o-linear-gradient(#A6A8FB, #D4D5FB);
  	#filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#D4D5FB);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#D4D5FB)";
    
    color: #073963;  
	  font-weight: bold;
	  font-size:14px;
	  height: 30px; 
  }
  .currentTabTitleHidden {
    visibility:hidden; display:none;
  }
  .hiddenDiv {
    visibility:hidden; display:none;
  }
  .colsCheckbox {
    padding-left:4px;padding-right:3px;padding-top:2px;padding-bottom:2px;
  }

/* two column (both liquid) pure css tableless layout */
.chooser {
  left: 0.3em; top: 8.5em; width: 73.33333%; z-index: 2; position: absolute; margin: 0px; padding: 0px;
}

/* Gallery */
.galleryItem_container { position: relative; margin: 10px; display: inline-block; /* IE hack-> */ zoom: 1; *display:inline;  }
.galleryItem_note { position: absolute; bottom: 0px !important; bottom: 11px; left: 0px; font-size: 13px;
		background: rgba(0, 0, 0, 0.4);	#filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)";
		color: #ffffff; text-shadow: 1px 2px 2px #000000; pointer-events: none;
		padding: 1% 2%;
		width: 96% !important;
		width: 200px;	overflow: hidden; /* IE */
		cursor: pointer;
}
/* Chrome renders bad shadow here */
@media screen and (-webkit-min-device-pixel-ratio:0) { .galleryItem_note{ text-shadow: none;  } }

.galleryItem_note a, #siteResourceList .galleryItem_note a, #resourceList .galleryItem_note a { color: #ffffff !important; }

.galleryItem, .galleryItem_css3 {
  border-width: 0px;
  padding: 0px;
  border-spacing: 0px;
  margin: 10px;
}
.galleryItem_container .galleryItem, .galleryItem_container .galleryItem_css3 { margin: 0px; }

.galleryItem_css3 { display: table; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }
.bigGridPicL { padding-top: 10px; padding-right: 5px; }
.bigGridPicR { padding-top: 10px; padding-left: 5px;}
.bigGridPic  { background: #fff; border: 2px solid #dbdbdb }
.galleryItem td#grayRight {
  background-image:url(../images/frame/gray_bg/right.jpg);
  vertical-align: top; background-position: top; background-repeat: repeat-y;
}

.galleryItem td#whiteRight {
  background-image:url(../images/frame/white_bg/right.jpg);
  vertical-align: top; background-position: top; background-repeat: repeat-y;
}

.galleryItem td#grayBottom {
  background-image:url(../images/frame/gray_bg/bottom.jpg);
  vertical-align: top; background-position: top; text-align: left; background-repeat: repeat-x;
}

.galleryItem td#whiteBottom {
  background-image:url(../images/frame/white_bg/bottom.jpg);
  vertical-align: top; background-position: top; text-align: left; background-repeat: repeat-x;
}

.galleryItem #whiteBottom td {
  height: 11px;
}

.galleryItem img#rightTop {
  height: 17px; width: 11px; border: 0px; vertical-align: top;
}

.galleryItem img#leftBottom {
  height: 11px; width: 14px; border: 0px; vertical-align: top;
}

.galleryItem img#rightBottom {
  height: 11px; width: 11px; border: 0px; vertical-align: top;
}

.printBody {
  background-color: #ffffff;
  color: #000000;
}

/* styles from properties.css 
#container {
  position: relative;
  min-height: 100%;
  height: 100%;
}

#commonFooter {
   position:absolute;
   bottom:0;
   width:100%;
   height:20px;  
} 
*/

.monospace { font-family:Courier,monospace; }

.rlHeader tr { 
  border:solid #E1D1FB 1px; 
  background-repeat:repeat-x; 
  background-color: #A6A8FB;
  color: #073963;  
  font-weight:bold; 
  font-size:8pt;
}
.rlHeader td { vertical-align: middle; color: #080A64 }
.rlHeader a {color: #080A64}
.rlHeader a:hover { color: #073963 }
.rlHeader .label {color: #080A64}

tr.prTitle {
		background-color: #6468E9; 
    background-image: -moz-linear-gradient(top center, #1d23cd, #6468E9); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d23cd), to(#6468E9)); 
		background-image: -o-linear-gradient(#1d23cd, #6468E9);    
    #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d23cd,endColorstr=#6468E9);
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d23cd,endColorstr=#6468E9)";
    
    color:#000000; font-weight:bold; font-size:8pt;
}

.dheader {border:solid #808080 1px; background:url(../images/bg-green-to-white-gradient.gif);background-repeat:repeat-x; color:#000000; font-weight:bold; font-size:8pt;}

.embedInput {
  background-color: #ebffff;
  border-bottom: 1px solid #C0C9D7;
  border-left:   1px solid #C0C9D7;
  border-right:  1px solid #AFC4D5;
  border-top:    1px solid #AFC4D5;
  vertical-align: middle;
  color:#000066;
  height:16px;
  text-decoration:none;
  font-size:7pt; vertical-align:middle;
}

.title {  font-size: 18px; font-style: normal; font-weight: bold;}
/* paging */
.paging { font-size: 18px; font-style: normal; font-weight: bold; vertical-align: top;}
.prevNext {padding-bottom:2px; padding-right:2px; padding-left:2px;}
tr.dark   {background-color: #f2f2f2}
tr.darkPrint   {background-color: #eeeeee;}

.commentList {
  background-color: #A6A8FB; 
  border-bottom-color: #ffffff; 
  border-bottom-style: solid; 
  border-bottom-width: 1px; 
  padding-top: 12px; 
  padding-bottom: 12px;
}
.commentListDate {
  color: #999999;
  font-size: 11px;
}
.writeComment {
  background: Error with template - BodyBackground is not a valid variable - ; 
  border: 1px solid;
  border-color: lightgrey;
  width: 100%;
  height: 24px;
  padding: 3px;
}
.commentList a {font-size:11px;}

#reportPrint {color: #000000;}

tr.total  {
  background-color: #A6A8FB;
  background-image: -moz-linear-gradient(top center, #6468E9, #A6A8FB);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6468E9), to(#A6A8FB));
	background-image: -o-linear-gradient(#6468E9, #A6A8FB);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#A6A8FB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#A6A8FB)";
  color: #080A64; 
  font-weight:bold;
}

tr.subtotal {background-color:#cdcde4; font-weight:bold}
td.error    {background-color:#ffcc00; font-weight:bold}
tr.error    {background-color:#ffcc00; font-weight:bold}

tr.sep {background-color:#cbcbcb; height:9pt;}

/* Below are more advanced things that allow you to fine tune font sizes and typeface. */
/* Leave them as is for now                                                            */

th {font-size:9pt;}
select.xxs {font-size:7pt;}
form {padding:0; margin:0}

span.xxl {font-weight:bold; font-size:16pt;}
span.xl1 {font-weight:bold;}
span.ftsi {font-size:10pt; font-weight:bold; font-style:italic }
span.rxl {color:red; font-weight:bold; font-size:16pt;}

.ftsF { text-align: right; padding-right:10px;}

/* Full text search links */
span.ftsl {font-size:1.3em;} 

.empty {font-size:10pt}

.xsb {color: #10106D; font-size: 8pt; font-weight: bold; white-space: nowrap; }
.xfts {color: #10106D; font-size: 0.75em; font-weight: normal; white-space: nowrap; }

span.imgTitle {color:#da26cb; font-size:8pt; font-weight:bold}
span.duration {color:#037f83; font-size:8pt; font-weight:bold}

.optionPropsTitle {border-bottom:solid #5C9EBF 1px; padding: 5px; background-color: #D6E7EF; background:url(../images/skin/blue/dialog.gif); font-weight:bold; font-size:15px; color:#00309C;}
span.itemsCount {color:red; font-size:10pt; font-weight:bold}
span.rollup {color:red; font-size:9pt; font-weight:bold}

/*span.dark{color:#eeeeee}*/
span.nodes  {background-color:#cbcbcb}
span.light {color:#ffffff}
.button1 {background: #D6E7EF;border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B;border-left: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;height:19px;text-decoration:none;cursor: pointer; font-size:11px}

input.xxs {font-size: 10px; color: #080A64;}
.text {font-size:0.9em; font-weight:bold;}
/* FTS category image style */
.cat  { padding-right: 3px; border: 0; width: 16px; height: 16px; vertical-align:text-bottom;}
.cat32  { padding-right: 3px; border: 0; width: 32px; height: 32px; vertical-align:text-bottom;}
.cat1 {FONT-WEIGHT: bold;}

tr.fts td { /*vertical-align: middle;*/ padding: 2px; color: #E1D1FB; }
tr.ftSearch td { padding: 0px; }
.desktop_search { width: 300px; }

.desktop_search .left {
 	float: left;
 	 box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.desktop_search .left_inner {
	padding-left:1px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5) inset;
	background: #ffffff;
	width: 210;
	height: 31px;
}
/*.ftsq {  color: #2B0764; }*/
.ftsq {  color: 070a5e; }
.desktop_search input { 
    width: 185px !important;
    width: 175px;
    font: bold 16px Helvetica;
    border: none;
    padding: 0px 0px 0px 0px;
    margin-top: 6px !important;
    margin-top: 4px;
 }
 
.ftSearch .action_btn {
 	width: 40px;
 	border-radius: 15px 0 0 15px;
 	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	margin-left:5px;
}
.ftSearch .action_btn a { display: block; }
.ftSearch .action_btn img { width: 22px; height: 22px; margin: 4px 0 0 10px; }

.desktop_search .right {
	float: left;
	border-radius: 0px 15px 15px 0px;
	-moz-border-radius: 0px 15px 15px 0px;
	-webkit-border-radius: 0px 15px 15px 0px;
	width: 77px;
	cursor: pointer;
}

.desktop_search .right, .ftSearch .action_btn {
	height: 31px;
	box-shadow:  1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-color: #6468E9;
	background-image: -moz-linear-gradient(top center, #1d23cd, #6468E9);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d23cd), to(#6468E9));
	background-image: -o-linear-gradient(#1d23cd, #6468E9);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d23cd,endColorstr=#6468E9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d23cd,endColorstr=#6468E9)";
}

.desktop_search .right div { float: left; color: #F2F2F2; width: 33px; height: 100%; border-right: 2px groove #A6A8FB; font-size: 18px; line-height:31px; text-align:center; text-shadow:0 0 2px rgba(0, 0, 0, 0.4); }
.desktop_search .right img { margin: 5px 0 0 8px; }

/* VIEWS */
td.views   {PADDING-RIGHT: 6px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; }

.select {border-bottom: 1px solid #C0C9D7; border-left: 1px solid #C0C9D7; border-right: 1px solid #AFC4D5; border-top:1px solid #AFC4D5; color:#000066; height:16px; text-decoration:none; font-size:7pt; vertical-align:middle;}
.selected	{border-bottom: 1px solid #C0C9D7;border-left: 1px solid #C0C9D7;border-right: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;background-color:fffdc3;font-size:1em}

.input1 {background: #e7ebf0;border-bottom: 1px solid #C0C9D7;border-left: 1px solid #C0C9D7;border-right: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;height:16px;text-decoration:none;}
.barcode {background: #e7ebf0;border-bottom: 1px solid #C0C9D7;border-left: 1px solid #C0C9D7;border-right: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;height:20px;text-decoration:none;}
/* used in filter input text fields */
.input {
  background-color:transparent;
  border: 1px solid #C0C9D7;
  font-size:14px;
  font-weight:normal;
  height:auto;
  color: #26065a;
  font-family: Verdana,Arial;  
}
.radioI {
  border: 1px solid #2B0764;
  cursor: pointer;
  font-size:16px;
  font-weight:normal;
  height:15px;
  width: 15px;
}

.xs .input { border: 1px solid #ababab; }

/* selected input field in edit mode and filter */
.isel {background-color:fffdc3; border-bottom: 1px solid #C0C9D7; border-left: 1px solid #C0C9D7; border-right: 1px solid #AFC4D5; border-top:1px solid #AFC4D5; color:#000066; height:16px; text-decoration:none; font-size:7pt; vertical-align:middle;}
.input:lang(zh) {
  font-size: 0.9em; height:16px;
}

.errorTextStd {font-size:12px; font-weight:bold; color:#A01E00; /* white-space: nowrap;*/ }

.dashedBlock {border-style:dashed; border-width: 2px; border-color:#ADADD5 #ADADD5 #ADADD5 #ADADD5}

td.tab  {border:solid #808080 1px; color:#000000}
td.containers  {background-color: #D0E7FA; color: #073963}

tr.keywordsearch  {background-color: #e7ebf0; color: #000000}
td.keywordsearch  {background: #F0F2F6;border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B;border-left: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;height:19px;text-decoration:none}

.checkbox { padding: 0px; margin: 0px; }
td.commenteven {background-color: #f8f4ef; color: darkblue; padding-right:5px;}
td.commentodd  {background-color: #e7ebf0; color: #000000}

tr.commenteven {background-color: #f8f4ef; color: darkblue}
tr.commentodd  {background-color: #e7ebf0; color: #000000}

table.commentodd {border:solid #808080 1px; background-color: #e7ebf0; color: #000000}
tabe.commenteven {border:solid #808080 1px; background-color: #9DD0FA; color: darkblue}

Table.comments {border:solid #808080 1px; background-color: #f8f4ef; color: #000000}
Table.comments1 {background-color: #f8f4ef; color: #000000}


table.rightPanel {border:solid #808080 1px; background-color: #eeeeee; color: #000000; background: #D6E7E7}
.fHeader {background: #D6E7E7}
/* border for read/edit resource properties in non=widget */
.rop {
/*  border:solid #6468E9 1px; */
  border:solid #E1D1FB 1px; 
  border-collapse: collapse; 
  color: #6468E9;
  background-color: #ffffff; 
  overflow-y: visible;  
  height: 100%; 
}
.rop1 {
/*  border:solid #6468E9 1px; */
  border-top:solid #D4D5FB 2px;   border-collapse: collapse; 
  color: #6468E9;
  background-color: #ffffff; 
  overflow-y: visible;  
  height: 100%; 
/*  align: left;*/
}

/* Chrome: prevent page break on too long links; 'rop1' == 'rop_only' ? */
.rop1 #div_Activity div, .rop1 #div_Info div { max-width: 725px; word-wrap: break-word; }
.rop #div_Activity div, .rop #div_Info div { max-width: 490px; word-wrap: break-word; }

#siteResourceList .rop {
  border:solid #6468E9 1px; 
  border-collapse: collapse; 
  color: #6468E9;
  background-color: #A6A8FB; 
  overflow-y: visible;  
  height: 100%; 
}

td.controlPanel { 
/*  border:solid #6468E9 1px; */
  border:solid #E1D1FB 1px; 
  background-color: #ffffff;
}
td.controlPanel span { font-size: 16px; }
td.folders      {border:solid #808080 1px; background-color: #e7ebf0; color: #000000}
/*span.xxl {font-weight:bold; font-size:20pt;}*/

/* Properties for backlink resource list that is displayed inline on property sheet page */
table.displayInline {border: solid #E1D1FB 1px;; border-collapse: collapse;}
tr.displayInline {border: solid #E1D1FB 1px;}
td.hi {background-color: #f8f4ef; color: darkblue}
td.contents {font-weight:bold; font-size: small}
font.warn {color:#A01E00}
td.shading {border:solid #808080 1px; color:#000000}
tr.editMode  {}
span.bigLetterTitle  {font-weight:bold; font-size:16px;}
span.bigLetterTitle2  {font-weight:bold; font-size:16px; color:#ee8571;}

span.fileMenuTitle  {font-weight:bold; font-size:16px; color:#00309C;vertical-align:middle}
.menuI  {font-size:12px; color:#00309C;vertical-align:top}

/* To display big letter title when full text search criteria was there */
.bigLetterTitle1 {  
  font-weight:bold; 
  font-size:12pt; 
  color: #2B0764;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,  
                    color-stop(0%,  #D0E7FA),                      
                    color-stop(100%, #ffffff));   
                    -webkit-background-clip: text;   
                    -webkit-text-fill-color: transparent; 
  background-image: -moz-linear-gradient(top, #E1D1FB, #E1D1FB, #ffffff) !important;
}

.bigLetterTitleSchedule { 
  font-weight:bold; 
  font-size:12pt;
  color: #2B0764;
}

/* To display window titles on a dashboard */
span.dashboardBlockTitle {font-weight:bold; font-size:12px; color:#00309C;}
.panel_block .dashboardBlockTitle { font-size: 16px;  color: #080A64; margin-right:12px; }
span.dashboardGrayedTitle {font-size:12px; color:#10106D;}
.panel_block span.dashboardGrayedTitle { color: #080A64; margin-left: 7px; font-size: 16px; }

/* to display large image in resource list */
/*td.largeImage {padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; border:solid #808080 1px; background-color: #ffffff; color: #000000}*/
/*td.largeImageWithHide {padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:4px; border:solid #808080 1px; background-color: #ffffff; color: #000000}*/

td.horizontalFilter {background-color:#E7EBF0}
td.horizontalFilterSubmit {background-color:#C0C9D7} /* To display submit buttons for horizontal filter */

/* To display property groups in edit mode */
.propertyGroup { font-size: 12px; font-weight: bold; text-transform: uppercase;vertical-align: top;}
.propertyGroupComment {font-size: 12px; font-weight: bold; text-transform: none;vertical-align: top;}

/* To display MORE... in RL */
.more { text-align: right; font-size: 0.8em;}

/* Simple border */
.box {
   border-top : 1px solid #c7c9cc;
   border-right : 1px solid #3E4144;
   border-bottom : 1px solid #3E4144;
   border-left : 1px solid #c7c9cc;
}

.welcome {  color: #10106D; font-size: 8pt; font-weight: normal;}
.welcome:lang(zh) {
  font-size: 0.9em;
  font-family: "Li Sung", MingLiu;
}

/* Contact name that appears at the top of the page style */
.guestUser {  color: lightblue; font-size: 8pt; font-weight: bold;}
.user      {color:darkblue; font-weight:bold; text-decoration:none; font-size:8pt;}

.group {
  background-color: #A6A8FB;
  color: #E1D1FB;  
  FONT-WEIGHT: bold; 
  margin-left: 6px; 
  white-space: nowrap; 
  font-size: 16px; 
  vertical-align: middle;
}

.viewCols .group { background-color: transparent; color: #080A64; }

/* Under menu line style (usually the same color as tabs */
.line { background:#666798; font-size:16px; font-weight:bold;}
.blueLine { background:#ACD2E2 }
.bg   { background:#Bedbe9 }
.itemsT {background-color: #A6A8FB; font-weight:bold; font-size:12pt;text-align:center}

/* SKINS */
.menuLine {
  background-color: #E1D1FB; 
  font-weight:bold; 
}

/*
.alphabeticIndex {background-color: #E1D1FB; font-size:0.8em; vertical-align: top;}
.alphabeticIndex div { height: 1.7em;}
.alphabeticIndex A { color: #2B0764; background-color: #E1D1FB; font-weight: bold;}
*/

.menuLine A { color: #2B0764; background-color: #E1D1FB; font-weight: bold;}
.menuLine A:active {color: #925BE8; background-color: #2B0764 }

.propertySheet {border:solid #D4D5FB 1px; border-collapse: collapse; background-color: #ffffff; }
#title H1 {margin: 0; padding-top: 7px; padding-bottom: 7px;}
#title { padding-bottom: 7px; }

table.fbConnect {width:90%; border:solid #E1D1FB 1px; margin-left:10px; margin-right:10px; vertical-align: middle; font-size: 70%; background-color: #eeeeee; border-collapse: collapse; }
.fbRegHeader { padding: 15px; }
/*.fbUser div .icon16 { position: absolute; bottom: 0; right: 0; }*/

.cityScape {
  border: 0px; 
  border-collapse: collapse;
  display-inline; 
  vertical-align: middle;
  text-align:center;
  font-weight: bold;
  white-space: nowrap;
}
/*input.fbInput {
    border: #E1D1FB solid 1px;
    background-color: #eeeeee; 
    color: #757575; 
    font-size: 16px;
    line-height: 28px;
    margin-right: 4px;
    padding: 3px 0px 3px 5px; 
    vertical-align: bottom;
    width: 300px; 
}*/

div.topSidebar {
}
div.leftSidebar {
  padding-top:   0.4em;
  padding-left:  0.8em;
  padding-right: 0.8em;  
  *width: 8em;
  min-width: 7em;
} 

div.leftSidebarWithImage {
/*  padding: 0.4em 0 0.8em 0.8em;*/
  *width: 8em;
  min-width: 7em;
  text-align: center;
} 

div.leftSidebar A {color: inherit}
div.rightSidebar {
  padding-top:     0.4em;
  padding-left:    0.8em;
  padding-right:   0.8em;
  padding-bottom:  0.4em;
  *width: 8em;
  min-width: 7em;
} 
div.rightSidebar A {color: inherit}

#siteResourceList #header td, #div_Info #header td { height: auto; }

.grid {padding-bottom:10px;}
.bigGrid {
  padding-bottom: 10px; 
  /*margin: -3px;*/ 
  background-color: #666798;
}
#categoryTags {
  background-color: #666798;
  padding-left: 5px;
}
#categoryTags #currentTag a {
  color: #925BE8;
  font-weight: bold;
  vertical-align: middle;
}

.embed  {
  vertical-align: middle;
  color: #073963;
  font-weight:bold;
  font-size:8pt;
  
  background-color: #A6A8FB;
  background-image: -moz-linear-gradient(top center, #6468E9, #A6A8FB);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6468E9), to(#A6A8FB));
}

.filterLine {background: #E7EBF0}

/* Scheduling page styles */
.schedule     {
  border:solid #808080 1px;border-collapse: collapse;
  table-layout: fixed;
}
.fixed {
  table-layout: fixed;
  background-color: #f2f2f2;
  padding-top: 5px;
  padding-bottom: 5px;
}

.fixed th, .fixed td{
  overflow: hidden;
}

.schedule th {
  width: 3em;
  overflow: hidden;
  height: 2em;
}
.schedule td {
  width: 3em;
  overflow: hidden;
  height: 1em;
}

.schedule td div {
  white-space: nowrap;
}

/* styles for available and calendar item cells */
.schedule .a, .ci, .aea {
  background-color:#f8f4ef; border:solid #808080 1px; vertical-align:top
}
/* styles for busy cells */
.schedule .b, .bea {
  border:solid #808080 1px; background-color:pink; vertical-align:top
}
/* styles for current cells */
.schedule .cc {
  border:solid #808080 1px; background-color:rgb(117,208,241); vertical-align:top
}
/* styles for unavailable cells */
.schedule .ua {
  background-color:#ACD2E2; vertical-align:top
}
/* styles for organization busy cells (ex. corporate lunch) */
.schedule .ob {
  border:solid #808080 1px; background-color:#E4BBF9; vertical-align:top
}
.schedule .g   {
  border-top:solid #838383 1px;background-color:#E2E2E2;vertical-align:top
}
/*
.expiredAlert {background-color:#f8f4ef; FONT-SIZE: 11px;border:solid #808080 1px; border-collapse: collapse; vertical-align:top}
.changeAlert  {background-color:#f8f4ef; FONT-SIZE: 11px;border:solid #808080 1px; border-collapse: collapse; vertical-align:top}
.openPopup1   {background-color:#f8f4ef; FONT-SIZE: 11px;border:solid #808080 1px; border-collapse: collapse; vertical-align:top}
*/
.notEnoughSpace {background-color:#ACE2CE; vertical-align:top}
.grayedOut   {border:solid #808080 0px;background-color:#E2E2E2;vertical-align:top}

/* Recall_orders page styles */
.allButton      {border:solid #808080 1px; background-color:#EDF5F5; color: darkblue; font-size:16pt;font-weight:bold; cursor: pointer;}
.categoryButton {border:solid #e2e2e2 1px; background-color:#f8f4ef; color: darkblue; font-size:12pt;font-weight:bold; cursor: pointer; padding: 10px;}
/*.itemButton     {background: #F0F2F6;border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B;border-left: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;text-decoration:none; cursor: pointer;}*/
.itemButton { background: Error with template - BodyBackground is not a valid variable - ; border: 1px solid #666798; height:40pt; text-decoration:none; cursor: pointer; font-size: 12px; }  


/* Add items styles */
.backTo         {color:red}
.viewAll        {border:solid #808080 1px; background-color:#EDF5F5; color: darkblue; font-size:16pt;font-weight:bold}

.items {
}

.nowrap, .nowrap * {white-space: nowrap; white-space: nowrap; }

.nowrapB {white-space: nowrap;color:black}
.cursor {cursor: pointer;}
/* OLD? .drag {position: relative;} */

/* Shows 'Search by barcode #' on add retail items screen in SPA */
.barcoded {background-color: #D6E7EF; background:url(../images/skin/blue/dialog.gif); padding: 15px; border:solid #5C9EBF 1px;}
.barcodedM {background-color: #D6E7EF; background:url(../images/skin/blue/dialog.gif); border:solid #5C9EBF 1px;}

.tbar {font-size:14pt;font-weight:bold;}

/* OLD? #titleBar {height: 22px; background:url(../images/skin/blue/title.gif); cursor:move; padding-left:5px;} */

span.action   {font-weight:bold;font-size:8pt;color:#000066;}
tr.submit     {background-image: url('../images/toolbar_bg.gif');cursor: pointer; color:darkblue;}
td.submit     {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold;}
tr.checkout   {background-image: url('../images/toolbar_bg.gif');cursor: pointer; color:darkblue;}
td.checkout   {PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: bold;}
.requiredField {
	border-left: 5px solid #00aeef;
  background: rgb(231, 235, 240); border-bottom: 1px solid #C0C9D7; border-right: 1px solid #AFC4D5; border-top:1px solid #AFC4D5; color:#000066; height:16px; text-decoration:none; font-size:7pt;
}

.required {
  width: 3px; overflow: hidden;
	border-left: 3px solid #00aeef;
}
.bgyellow { border: 2px solid #1d23cd; color: #080A64; }
/*.curMon {background:yellow; font-size:12px; font-weight:bold; color:#ec008c;}*/
.nextPrevMon {font-size:12px; font-weight:bold; color:#00309C;}
.yellow   {color:yellow}
.darkblue {color:darkblue}

.calendar_caller { cursor: pointer; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); border: 2px solid; font-size: 24px; font-weight:bold; height:40px; line-height:25px; text-align:center; width:40px; }
.calendar_caller .header { background-color: #6468E9; color: #080A64; font-size:13px; height:15px; line-height:12px; padding-left:2px; }

/* OLD? .outerPopup {border-style:solid; border-width: 1px; border-color:#666666 #666666 #666666 #666666} */
/* OLD? .innerPopup {border-style:solid; border-width: 1px; border-color:#F9F8F7 #F9F8F7 #F9F8F7 #F9F8F7} */
.menuOnClick {background-color: #0055e6; padding-right:3; padding-top:3; padding-bottom:3}
.toppad {padding-top: 5px; white-space:nowrap}
.toprightpad {padding-right: 5px; white-space:nowrap; vertical-align: middle;}
.changeCols {display: inline; margin: 0px;}
/* for displayInline text properties */
.description {border:solid #808080 2px; border-color: #1b62b6;}
.blogDivider {border-top: 1px dotted #aaaaaa;}
.blogTitle {padding-top: 0px;}

.treeControlDivider {border-top:solid #E1D1FB 1px; }

.blogEntry {border:solid #808080 2px; border-color: #1b62b6; background: #ffffff}
/* title for edit mode property sheet in inner dialog */
.innerTitle, .userLogin h2, .panel_block .property_group, .panel_block #item_name, #subscribeNote { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold; margin-left: 15px; color: #080A64;}
.innerTitle { font-size: 18px;}
#subscribeNote { font-size: 15px; padding: 5px 5px 0 0; }
.panel_block .property_group, .panel_block #item_name { font-size: 16px; margin-top: 15px;}
.panel_block #item_name .comment { font-size: 12px; font-weight:normal; }

*:lang(ja-jp) { font: 900 14pt/16pt "Heisei Mincho W9", serif }
BODY *:lang(zh-tw) { font-family: 800 14pt/16.5pt "Li Sung", MingLiu, arial, serif; }
.red {color:red;font-size:11px;}
.redn {color:red;font-size:10pt;}

.dblue {color:darkblue; font-size:10pt}

/*.lblue {background-color:#ACD2E2; font-size:10pt; width:99%; height:1px; border:0; vertical-align:left}*/

/*.info { text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); font-weight:bold; margin-left: 14px; color: #080A64; padding-right: 5px;}*/
.info { font-weight:bold; color: #080A64; padding-right: 5px;}

/* fe - div for Screencast grid element in which 'play' div will be displaying play button to play flash demo */
.fe {
  position:relative;
}
.play {
	position: absolute;
	bottom: 14px;
	left: 2px;
	width:32px;
	height:32px;
	cursor: pointer;
}

.riphone {
  width: 320;
  height: 480;
}

.riphone_l {
  width: 480;
  height: 320;
}
.iphone {
  background:url(../images/iphone.png);
  width: 270;
  height: 492;
  padding-left: 27px; padding-right: 27px; padding-top: 100px; padding-bottom: 100px;
  background-repeat: no-repeat;
}
.iphone_h {
  background:url(../images/iphone_h.png);
  width: 492px;
  height: 270px;
  padding-left: 100px; padding-right: 100px; padding-top: 27px; padding-bottom: 27px;
  background-repeat: no-repeat;
}
.iphoneBg { width: 214px; height:12px;   background:url(../images/iPhoneCarbonFiber.png); }

.iphone1 { overflow:auto; width: 214px; height:292px }
.iphone2 { width: 214px; height:12px;   background:url(../images/iPhoneCarbonFiber.png); }
.iphone3 { overflow:auto; width: 214px; height:278px }

.iphone1_h { overflow:auto; width: 292px; height:214px }
.iphone2_h { width: 292px; height:12px;   background:url(../images/iPhoneCarbonFiber.png); }
.iphone3_h { overflow:auto; width: 292px; height:194px }

/* labels for iphone icons */
.iphone_l {color:white; font-size:7pt; font-family:tahoma,helvetica,arial}

#debugDiv {
  border-style: dotted;
  border-color: black;
  background: gray;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 200px;
  width: 90%;
  overflow: scroll;
  display:none;
}

/* icon followed by text */
.itxt { vertical-align:top; width:16px; height:16px; margin-right: 2px; border:0px }
.itxtG { vertical-align:top; width:16px; height:16px; margin-right: 2px; border:0px; opacity: 0.4 }

.swinp { width:32px; height:32px; padding-right:2px; padding-left:2px; border:0px; vertical-align:middle }
.litxt { vertical-align:top; width:32px; height:32px; padding-right:2px; border:0px }
.fmenu { vertical-align:middle; height:32px; border:0px }
.fLeft  {float:left; padding-right:15px}
.fRight {float:right; padding-right:10px}

.ierr { vertical-align:top; width:64px; height:64px; padding-right:2px; border:0px }


ul.chapter {
  margin:0px; padding-left: 0px; text-indent: 0em; list-style-type:none;
}

ul.chapter li {
  margin:0px; padding-left: 2px; text-indent: 0em; list-style-type:none;
}

ul.chapter a {
  font-size: 1em; 
}

ul.subchapter {
  margin: 0 0 0 0; padding-left: 1.7em; text-indent: 0em; list-style-type:none; list-style-image:url(../images/bullet_yellow.gif);
}

ul.subchapter a {
  font-size: 0.8em; font-weight: normal;
}

div.contents {
  float:right; width:20em; padding: 0px 0px 30px 30px;
}
div.contents A { color: inherit } 

div.contentsRL {
  float:right; width:20em; overflow-x:auto; padding-left: 2px;
}

.resize_handle
{ position: absolute; width: 14; height: 14; right: 0; bottom: 0; background-image: url(../images/bottom_right.gif); cursor: se-resize; -apple-dashboard-region: dashboard-region(control rectangle); }

.nobr { white-space: nowrap; }

.iinp, .iinp_move, .iinp_btn { width:16px; height:16px; border:0px; vertical-align:middle }
.iinp_move { cursor: move; }
.iinp_btn { cursor: pointer; }
.liinp { width:32px; height:32px; border:0px; vertical-align:middle }
.riinp { width:32px; border:0px; vertical-align:middle }
.finp { width:32px; height:32px; padding-right:2px;border:0px; vertical-align:middle }
.iiphone { width:48px; height:48px; border:0px; vertical-align:middle }
.icursor {cursor: pointer; /*width:16px; height:16px;*/ border:0px; vertical-align:middle}
.ixlcursor {cursor: pointer;width:48px; height:48px; border:0px; vertical-align:middle}
.xliinp { width:48px; height:48px; border:0px; vertical-align:middle }
.hdn {
  visibility:hidden;
  display:none;
}
/* style for hidden <div> where URI of the resource resides */
.uri { visibility:hidden;  display:none;}
/* style for hidden <div> where LinkOut type for resources of the displayed type */
.linkOut { visibility:hidden;  display:none;}
.num {background-color:fffdc3; border-bottom: 1px solid #C0C9D7; border-left: 1px solid #C0C9D7; border-right: 1px solid #AFC4D5; border-top:1px solid #AFC4D5; color:#000066; height:16px; text-decoration:none; font-size:7pt; vertical-align:middle;}

/* filter line: Search criteria if there was full text search criteria*/
.ftxt {text-align:left; font-size:9px;}
.ftxt1 {border: none; padding: 0px; margin-left: 0; margin-right: 0; vertical-align: middle}
/* Style for message in data entry for property that was either not set or set incorrectly*/
/* .msg { position: absolute; margin-top: -29px; } */

/* uploadFrame iframe style */
.uframe {position:absolute; top:0px; left:0px; visibility:hidden; display:none;}
span.xl  {font-size:1em;}
.dash {border:solid #808080 1px; border-collapse: collapse; background-color: #ffffff; color: #000000;}
.content-title {padding-left:4px; padding-top:6px; font-family:Albertus,Tahoma; font-size:11pt; color:#6699CC; text-decoration: none;}


/*********** mooved from menu.css ***********/
TD.toolbar {
  font-size: 12px;
  background: #EEEEEE;
  color: Black;
  font-weight: bold;
  font-variant: normal;
  background-image: url('images/toolbar_bg.gif');
}

.popMenu {
	DISPLAY: none; POSITION: absolute; min-width: 50px;
}

.popMenu td {
  FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-STYLE: normal; TEXT-DECORATION: none; white-space: nowrap;
}

.popMenu tr {
  cursor: pointer; PADDING-LEFT: 2px;
}

.popupFrameBody {
}

.popMenuTitle {
	POSITION: relative; BACKGROUND-COLOR: #3366cc; cursor: text;
}

.menuTitle {}

.accent {font-size: 25px}
.aLetters {color: #1d23cd;}

.couponDeal { 
   background-color: #A6A8FB; 
/*border: 1px solid #1d23cd;*/
   padding-top: 10px;
   margin-top:-12px;
 }
.couponBuy {
  background: url(../icons/price_tag.png); 
  background-repeat: no-repeat;
  background-position: center;
  width: 287px;
  height: 92px;
}


.layout { background-color: #666798; }
.layoutTitle { background-color: #1d23cd; }

.layout_content {
  -webkit-box-shadow: 0 0 5px rgba(29, 35, 205,0.4);
  -moz-box-shadow: 0 0 3px rgba(29, 35, 205,0.4);
  box-shadow: 0 0 3px rgba(29, 35, 205,0.4);
  background-color: #ffffff;
  align: center; text-align:left; max-width:930px; margin:0 auto; width: expression(document.body.clientWidth>  932? '930px' : 'auto');
  min-height: 500px;
}

.signup_content {
  -webkit-box-shadow: 0 0 5px rgba(29, 35, 205,0.4);
  -moz-box-shadow: 0 0 3px rgba(29, 35, 205,0.4);
  box-shadow: 0 0 3px rgba(29, 35, 205,0.4);
  background-color: #ffffff;
  align: center; text-align:left; max-width:930px; margin:0 auto; width: expression(document.body.clientWidth>  932? '930px' : 'auto');
  min-height: 500px;
}

.new-btn {
    -moz-border-radius: 4px 4px 4px 4px;
    height: 51px;
    width: 90px;
    background-color: #2883C6;
    background-image: -moz-linear-gradient(100% 100% 90deg, #2883C6, #67B8ED);
    border-color: #3596E9 #3596E9 #2C7EC4;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding: 5px 10px;
    text-shadow: 0 -1px 0 #2883C6;
    vertical-align: middle;
}

.dashboardLine /*#menuBar1, tr.rlHeader*/ {
  background-color: #A6A8FB;
  background-image: -moz-linear-gradient(top center, #6468E9, #A6A8FB);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6468E9), to(#A6A8FB));
  background-image: -o-linear-gradient(#6468E9, #A6A8FB);
}

.dashboardLine td { 
	#filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6468E9,endColorstr=#ffA6A8FB);
 	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6468E9,endColorstr=#ffA6A8FB)";
}

.widget .dashboardLine { background-color: #E1D1FB; background-image: none; }

.dashboard_btn {
  text-align: center;  
  overflow: visible; 
  border: 1px solid transparent;
  cursor: pointer;
  /*border-color: #A6A8FB*/
}

.dashboard_btn a { padding: 5px; font-size: 12px; color: 070a5e; font-weight: bold; display: block; white-space: nowrap; }
.current a { color: #4d6579; }

.dashboardLine td.dashboard_btn:hover, .dashboardLine td.active, .dashboardLine td.current, #tabs .current{  
	background: rgba(212,213,251 ,0.35);  /* makes glass effect darker */
	box-shadow: 0 2px 6px rgba(100,104,233,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(166,168,251,0.3);
  -o-box-shadow: 0 2px 6px rgba(100,104,233,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(166,168,251,0.3);
  -webkit-box-shadow: 0 2px 6px rgba(100,104,233,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(166,168,251,0.3);
  -moz-box-shadow: 0 2px 6px rgba(100,104,233,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 7px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(166,168,251,0.3);
}
/*.dashboardLine td {	color: 070a5e }*/
.dashboardLine .current, .dashboardLine .current a { color: #2B0764; }

.menuTitle td, .menuTitle th {
	PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-WEIGHT: bold; COLOR: #FFFFFF; BACKGROUND-COLOR: #3366cc; cursor: text;
}

.menuItemIcon { padding: 12px 2px 0px 3px; vertical-align: top;  white-space: nowrap; width: 20px; }
.menuItemIconEmpty { width: 5px; }

.poweredMenuItemIcon {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND-COLOR: #EDECF8; white-space: nowrap; width: 30px
}

.menuItemIcon img { width: 16px; height: 16px; border: 0px; text-align:center; padding-left: 3px; }
.menuItemIcon img {
  width: 16px; height: 16px; border: 0px; text-align:center; padding-left: 3px;
}

.menuItemChk {
	width: 16px; padding-left: 5px;
}
.menuItemChk img { visibility: hidden; }

.menuItemNoChk {
	PADDING-LEFT: 8px; width: 10px
}

.menuItem { width:100%; padding-left: 5px; white-space: nowrap; font-size: 16px; vertical-align: middle; color: 070a5e; }
#\$more .menuItem { color: #999; font-size: 14px; padding-left: 15px; height: 20px; }

.grid_option_cell .menuItem { font-size: 12px; white-space:normal; text-align: center; padding: 5px; border-right: solid #6468E9 1px; }

.menuItem a { margin-left: 6px; white-space: nowrap; font-size: 16px; }


.menuItemRed {
  color:red;
  font-weight:bold;
}

.menuItemGrey {
  color:#808080;
  font-weight:bold;
}

.menuItemChart, .menuItemChart td { PADDING-RIGHT: 0px;	width: 10px; color: #080A64; }
#common_filter .menuItemChart table td { height: auto; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.menuItemReset { margin-left: 6px; white-space: nowrap; font-size: 16px; FONT-WEIGHT: bold; vertical-align: middle; }
.menuItemReset a { width: 95%; }

.menuItemNoChoices {
}

.popMenu a:hover, .popMenu a:link, .popMenu a:active, .popMenu a:visited {
  color: black; TEXT-DECORATION: none;
}

/* wanted to use CSS2's COLOR: GrayText, but IE6 does not support it */
.menuItemGreyedOut {
}

.menuItemSubtitle {
	COLOR: #000000;
}

TD.closePopup {
  background-color: #0055e6;
  cursor: pointer;
  background-image: url('../icons/hide.gif');
  background-repeat: no-repeat;
  background-position: center;
  text-align: right;
}

.formMenuInput {
	PADDING: 0px; COLOR: #000000;
}
.langLink {
}

.langCurrent {
	COLOR: red;
}
.menuExpand {
}

.menuDivider {
  cursor: text;
}

.menuTextDivider {
  font-weight: bold;
  background-color: #e7ebf0;
  cursor: text; color: #0055e6;
}

.menuDivider td.td2 {
  background-color: #dbd8d1; cursor: text;
}
.menuDivider tr {
  background-color: #dbd8d1; cursor: text;
}

.outer {border-style:solid; border-width: 1px; border-color:#666666 #666666 #666666 #666666;}
.inner {border-style:solid; border-width: 1px; border-color:#F9F8F7 #F9F8F7 #F9F8F7 #F9F8F7;}

.closePopup {background-color: #0055e6; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; text-align: right}


/*********** moved from tree.css ***********/
.dtree {
	white-space: nowrap;
/*	color: #1d23cd; */
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
/*
.dtree a {
	color: #333;
	text-decoration: none;
}
*/
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree td {
	font-size: 11px;
	color: #666;
}
.dtree th {
	background-color: #E2E8DF;
	font-size: 11px;
	color: #666;
}


.br {
  height: 5px;
}
.li {  /* for Bar Retail page */
  height: 50px;
}

.dcol {
  min-width: 20em;
}
/***************************************************************/
.h21 {height: 1em}

.tag {
  background: url(../images/tag.gif) left center no-repeat;
  border-right: 1px solid #c2c1c1;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 15px;
  color: 070a5e;
}

/* Note: iPhone.css contains topBar class */
.header .ftSearch, .topBar .ftSearch { float: left; } /* mobile toolbar */

.fts {
  font-weight: normal;
  white-space: nowrap;
  vertical-align: middle;
  color: darkblue;
  padding: 0px;
  background: #666798;
  height: 3em;
  border-top: solid #808080 1px;
  border-bottom: solid #808080 1px
}

.fts a { color: #080A64; text-decoration: underline; }
.rl {
  white-space: nowrap;
  vertical-align: middle;
  color: darkblue;
  margin: 0px;
  padding: 0px;
}

.ftChk { width: 13px; height:13px; overflow:hidden; padding:0px; border:0px; margin:0px;margin-top:1px; vertical-align:middle;}

#system_tooltip { visibility:hidden; padding:0; position:absolute; z-index:10000; min-width: 220px; max-width: 500px; text-align: left; }
#tt_inner { background: #A6A8FB; position: relative; }
#system_tooltip .content_td { border: solid #6468E9 1px; }
#system_tooltip #content { overflow: hidden; padding: 15px; color: 070a5e; font-size: 14px; width: auto; }
.system_tooltip_css3 {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 
  -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 5px; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  background: #A6A8FB;
  border: solid #6468E9 1px;
}

.system_tooltip_css3 #tt_inner { background: transparent; }

.print {color:#000000;}
.printB {font-weight:bold; white-space: nowrap;}
.printBottom {	font: 90% arial, helvetica, sans-serif; color:#000000;}
.titleGrey {font-size:1.2em; font-weight:bold;color:grey}
.bigPrintTitle {font-size:28px; color:lightgrey;}
.printTitle {font-weight:bold; font-size:0.9em; background-color: #6468E9; padding:3 3 3 3}
tr.printHeader {border:solid #808080 1px;  
    background-image: -moz-linear-gradient(top center, #1d23cd, #6468E9); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d23cd), to(#6468E9)); 
}

.invoice {border: 1px solid #808080;}

table.printFB {
  border-bottom: 1px solid #C0C9D7;
  border-left:   1px solid #C0C9D7;
  border-right:  1px solid #AFC4D5;
  border-top:    1px solid #AFC4D5;
  padding-left:4px;padding-right:3px;padding-top:2px;padding-bottom:2px;
}

/* captcha */
.captcha td { padding-left: 25px; }
.captcha table td { width: 51; height: 50; } /* puzzle td */
.captcha .a { background-position: 0% 0%; padding: 0; margin: 0;}
.captcha .b { background-position: 25% 0%; padding: 0; margin: 0;}
.captcha .c { background-position: 50% 0%; padding: 0; margin: 0;}
.captcha .d { background-position: 75% 0%; padding: 0; margin: 0;}
.captcha .e { background-position: 100% 0%; padding: 0; margin: 0;}

.captcha .f { background-position: 0% 100%; padding: 0; margin: 0;}
.captcha .g { background-position: 25% 100%; padding: 0; margin: 0;}
.captcha .h { background-position: 50% 100%; padding: 0; margin: 0;}
.captcha .i { background-position: 75% 100%; padding: 0; margin: 0;}
.captcha .j { background-position: 100% 100%; padding: 0; margin: 0;}

/*
.login {background-color: transparent; border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B;border-left: 1px solid #AFC4D5;border-bottom:1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;height:19px;text-decoration:none; font-size:11px}
.lButton {background: #F0F2F6;border-bottom: 1px solid #104A7B;border-right: 1px solid #104A7B;border-left: 1px solid #AFC4D5;border-top:1px solid #AFC4D5;color:#000066;height:19px;text-decoration:none;cursor: pointer; font-size:11px}
*/
.userLogin {font-weight: bold; width: auto !important; max-width: 350px; color: #2B0764; border: 2px solid #6468E9; padding: 10px;}
.userLogin .button { display: block; padding: 3px; margin-top: 4px; }
.userLogin a.button { height: 38px; }
.userLogin .rounded_rect_tbl td { border: none; padding: 1px 10px 8px; }
.userLogin #errorMessage { max-width: 320px; }
.fbUser div { position: relative; }
.fbUser .icon16 { position: absolute; bottom: 0; right: 0; }
#loginForm td { font-weight: bold; }
.redeem { width: auto !important; width: 100px; background-color: #ffffff; color: #2B0764; border: 1px solid #cccccc; padding: 5 5 5 5; }

.rte { margin-bottom: 7px; background-color: #A6A8FB; border: 2px solid #6468E9; padding:0; width: 100%; height: 107px;  }
.rte_body { color: 070a5e; font-family :Helvetica, arial; fontSize : 16px; margin:5; }
.rte_body object { display: block; background: #000000; }

/* like menu_Options in iphone.css */
#browser_dlg { z-index: 1000; top: 0px; position: absolute; width: 320px; padding: 0px; visibility: hidden; }
#browser_dlg table { width: 100%; }
#browser_dlg .top { width: 320px;  height: 35px; background: url(../images/skin/iphone/options_back.png) top center !important; }
#browser_dlg .content { color: #fff; background: url(../images/skin/iphone/options_back_middle.png) top center !important; }
#browser_dlg .content .statement { padding: 0px 25px 15px 25px; font-size: 18px; }
#browser_dlg .content .btns_panel { width: auto; margin-top: 20px; }
#browser_dlg .bottom { height: 20px; background: url(../images/skin/iphone/options_back.png) bottom center; }
#browser_dlg .content .prompt_text { display: none; border: 1px solid #fff; background: transparent; width: 280; color: #fff; }
.iphone_dlg_btn { cursor: pointer; text-align: center; color: #fff; padding: 0px; font-size: 18px; font-weight: normal; width: 129px; height: 44px; line-height: 44px; background: url(../images/skin/iphone/dlg_button.jpg); }

/******************* Touch UI ***************************/

/* for fixing "selector" on iPhone
input { outline: 0 none; }
form { margin-top: 0; margin-bottom: 0; }


/* prevents blue rect in WebKit browsers */
input:focus { outline: 0 none; }

#pane2 { position: absolute; width: auto; display: inline; left: 0px; top: 0px; min-width: 1px; }
* html #pane2 { width: 300px; }

/* dialog: body is a parent */
.panel_block {
  position: absolute;
 
  width: 550px;
  min-width: 300px;
  max-width: 1100px;
  padding: 0px;
  box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  z-index: 100;
}


/* 'on page' */
div .panel_block, td .panel_block {
  position: static;
  
  width: 100%;
  min-width: 0;
  max-width: none;
  
  box-shadow : none;
  -moz-box-shadow : none;
  -webkit-box-shadow: none;

  -webkit-transition: width 0.4s ease-in-out;
	-o-transition: width 0.4s ease-in-out;
	-moz-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

div .standalone_dlg, td .standalone_dlg { width: 520px !important; width: 600px; margin-top: 4px;}

div .panel_block .dlg_cross, td .panel_block .dlg_cross { display: none; }

#siteResourceList .panel_block, #fts-sift .panel_block{
	position: absolute;
	visibility: hidden;
	width: 35%;
  min-width: 300px;
  max-width: 500px;
}
#siteResourceList .widget .panel_block {
	position: static;
	visibility: visible;
	width: 100%;
}

/* title of data entry widget */
#siteResourceList .widget .panel_block .containers  td { height: 30px; background-color: #ffffff; }
#siteResourceList .widget .panel_block .embed .containers  td { background-color: transparent; }

#common_filter { width: 50%; min-width: 20em; max-width: 45em; }

/*********************************** not used now ?
#fts_filter { width: auto; min-width: 150px;  overflow: visible; }
#fts_filter .no_border td { border-bottom: none; }
#fts_filter .filter_stat a { margin-left: 30px; }
#fts_filter .filter {
  color: #6468E9;
  border: none;
  background-color: #ffffff; 
  overflow-y: visible;  
}
#fts_filter .filter .selected { margin-left: 30px; font-weight: bold; border:none; background-color: #ffffff; color: #26065a;}

#fts_filter .filter .param_tr { background-color: #f2f2f2; padding-top: 3px; padding-bottom: 3px; }
#fts_filter .filter .param_tr .label { font-weight: bold; font-size: 15px; color: #2B0764;}
***********************************************************************/

.panel_block .header { 
    line-height:30px; 
    width: 100%; text-align: left; 
    border: 1px solid #1d23cd;
    background-color: #6468E9;
		
    background-image: -moz-linear-gradient(top center, #1d23cd, #6468E9); 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1d23cd), to(#6468E9)); 
		background-image: -o-linear-gradient(#1d23cd, #6468E9);
    #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d23cd,endColorstr=#6468E9)
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1d23cd,endColorstr=#6468E9)";
 }
 div .panel_block .header { cursor: auto  !important; }
 div .panel_block #dataEntry .iphone_field { visibility: hidden; }
 
/*.panel_block .header td { width: 100%; }*/ 
#siteResourceList .panel_block .header #text_entry { width: 205px !important; width: 185px; }
.panel_block .header #item_selector { /*width: 100%;*/ }
.panel_block .header .wide_cell { width: 100%; text-align: center; }
.panel_block #lists_container { padding: 10px; width: 100%; color: #080A64;}
/* make color blend into the pinstripes */ 
.panel_block .content { padding: 10px; width: 100%; } 

#subscribe .content { display: none; }

.rounded_rect_tbl { width: 100%; margin: 5px 0px 5px 0px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #A6A8FB; padding: 0px;
										/*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/ border: solid #6468E9 1px; empty-cells:show; color: 070a5e; }
.rounded_rect_tbl_bg { background-color: #A6A8FB; }

/* the following rules required while item-rows highlighting */
.rounded_rect_tbl > tr:first-child td:first-child { border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; }
.rounded_rect_tbl > tr:first-child td:last-child { border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; }
.rounded_rect_tbl > tr:last-child td:first-child { border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; }
.rounded_rect_tbl > tr:last-child td:last-child { border-radius: 0px 0px 10px  0px; -moz-border-radius: 0px 0px 10px  0px; -webkit-border-radius:  0px 0px 10px 0px; }

.rounded_rect_tbl #front {background-color: #ffffff}

#common_filter .param_tr { cursor: pointer; height: 40px; }

.rounded_rect_tbl .param_tr .rollup_td { cursor: text; }
.rounded_rect_tbl .param_tr .rollup_td img { margin: 2px; }


.changeViewCols {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  background-color: #A6A8FB;
  background-image: -moz-linear-gradient(top center, #6468E9, #A6A8FB);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6468E9), to(#A6A8FB));
	background-image: -o-linear-gradient(#6468E9, #A6A8FB);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#A6A8FB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#A6A8FB)";
}
.changeViewCols td.dashboard_btn:hover {  
	border-left-color: #D4D5FB;
	border-top-color: #D4D5FB;
	border-right-color: #6468E9;
	border-bottom-color: #6468E9;
}
.changeViewCols td.current {
	border-left-color: #6468E9;
	border-top-color: #6468E9;
	border-right-color: #D4D5FB;
	border-bottom-color: #D4D5FB;
}
.changeViewCols .dashboard_btn  span { color: #E1D1FB; }

.viewColsTabs { color: #080A64; cursor: pointer; font-weight: bold; white-space: nowrap;}
.viewCols {background-color: #A6A8FB}

/* ??? label + chosen_value_div */
.rounded_rect_tbl .data_td { width: 100%; }
.rounded_rect_tbl .data_td table { width: 100%; }
#dataEntry .input_td { height: 40px; width: 100%; text-align:right; padding: 0px 3px; color: 070a5e;}
* html .data_td .input_td td { text-align:right; } /* fields alignment in IE */
.rounded_rect_tbl .option_icon_td { padding-right: 4px; }
.rounded_rect_tbl .option_icon_td img, .icon16 { width: 16px; height: 16px; }

/*.rounded_rect_tbl a { color: 070a5e; }*/

/*.rounded_rect_tbl*/ .arrow_td, .arrow_td_empty { padding-right: 4px; min-width: 10px; font-size: 18px !important; font-weight: bold; text-align:center;}

.param_tr .label_td { white-space: nowrap; position: relative; } 
.param_tr .field_comment, #mkresource .field_comment { height: 55px !important; }
.param_tr .label { -moz-user-select: none; white-space: nowrap; font-size: 16px; font-weight: bold; overflow: visible; color: 070a5e;}
.param_tr .label img { margin-right: 3px; }
.param_tr .comment { color: #080A64; font-size: 11px; }
.param_tr .comment a { font-size: 11px; }
* html .label_td .comment { left: 0; }
* html .dat_td .comment { left: 5px; } /* hack for multivalue */
.field_comment .comment { margin-top: 5px; }

.rounded_rect_tbl .input, #register .input, .rounded_rect_tbl .isel, .rounded_rect_tbl .num, .false_input, .false_textarea, .false_empty_field { 
	margin: 0px; padding: 1px; min-height: 22px;
	color: 070a5e; background-color: #A6A8FB; border: 2px solid #6468E9; -webkit-appearance: none; text-align: right; width: 250px !important; width: auto; /*100%*/; height: auto;
	font-family:Helvetica,arial,sans-serif; font-size: 1em; font-weight: normal; margin-top: 3px;
}

#register .input { text-align: left;  height: 30px; }

.false_input, .false_textarea { display: inline-block; text-align: left; cursor: text !important; }
.false_textarea { height: 50px; width: 500px !important; }

.rounded_rect_tbl .pointer { color: 070a5e; }
.rounded_rect_tbl .grey_highlighting .pointer, .rounded_rect_tbl .blue_highlighting .pointer { color: #080A64; }

.rounded_rect_tbl .textarea { color: 070a5e; background-color: #A6A8FB;  margin-bottom: 5px; width: 100%; border: 2px solid #6468E9; font:inherit; }
.rounded_rect_tbl .select { font-size: inherit; height: 20px; color: #2B0764; background-color: #D4D5FB; }

.rounded_rect_tbl input#rightPanelPropertySheet  { display: none; }
/* .rounded_rect_tbl td#dIcon { height: 40px; PADDING-RIGHT: 2px; PADDING-LEFT: 5px; PADDING-TOP: 2px; white-space: nowrap;  vertical-align: top; } */

.menuItemRow, .option_tr { cursor: pointer; height: 40px; }

.chosen_values {
	text-align: right;
  padding: 0px;
  width: 100%; 
  overflow: hidden;
}
#fts-sift .chosen_values { display: none; }

.chosen_values div {
  overflow: hidden;
  white-space: nowrap;
  color: #073963;   
  font-size: 15px; 
  font-weight: 600;
}
.grey_highlighting .chosen_values div { color: #080A64;  }

.rounded_rect_tbl tr, #siteResourceList .rounded_rect_tbl tr { /* height: 40px; */ vertical-align: middle; }
.rounded_rect_tbl td { border-bottom: solid #6468E9 1px; }
#pane2 .rounded_rect_tbl td { border-bottom: none; }
#pane2 #dashboard td { vertical-align: top; }
#pane2 tr#dashboard td { vertical-align: middle; }

.rounded_rect_tbl tr:last-child td, #siteResourceList .rounded_rect_tbl tr:last-child td{ border-bottom: none; }
.rounded_rect_tbl table td { border: none; height: auto; }
.rounded_rect_tbl .ext_file { float: right; margin-right: 15px; }
.rounded_rect_tbl a { font-size: 14px; }
.label_td a, .text_editor_container a { position: relative; top: -1px; font-size: 12px; font-weight: bold; } /* for help [?] */
.rounded_rect_tbl #dashboard a { white-space: nowrap; }
.rounded_rect_tbl #siteResourceList a {color: #073963;}
.rounded_rect_tbl #siteResourceList #dashboard a, #siteResourceList #menu a {color: #080A64;}

.listArrow { width: 25px; height: 20px; }

.panel_block #hide_icon, #menu_Options #hide_icon { position: relative; z-index: 2; top: 25px; left: -5px; cursor: pointer; }
#menu_Options #hide_icon { top: 15px; left: -4px; }
/* #pane2 - "plain" dialogs */
#pane2 .content { padding: 15px 10px; }

.frame {
	width: 100%; /* takes 100% of panel block width */
  height: 100%;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden !important;
  overflow-y: visible;
  padding: 0;
  border: none;
}
/* show options without form */
.frame, #siteResourceList .options_panel, #siteResourceList .classifier_panel, #siteResourceList .calendar_panel, #pane2 .content, #siteResourceList .widget .frame, 
		#fts-sift .options_panel, #fts-sift .classifier_panel, #fts-sift .calendar_panel, #pane2 .content, #fts-sift .widget .frame,	 
		.oneparamselection .options_panel, .oneparamselection .classifier_panel, .oneparamselection .calendar_panel, .mobile_dlg, .userLogin
	{ 
	background-color: #6468E9;
	background-image: url(../images/skin/iphone/pinstripes.png);
	background-image: -moz-repeating-linear-gradient(0deg, #6468E9 0px, #A6A8FB 4px);
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, from(#6468E9), to(#A6A8FB));
	-webkit-background-size: 4px 1px;
	background-image: -o-repeating-linear-gradient(0deg, #6468E9 0px, #A6A8FB 4px);
	height: auto;
}

/*
.options_panel, .classifier_panel .calendar_panel {
	-webkit-transition: -webkit-transform 0.4s easy-in-out; 
  -webkit-transform: translate(0px, 0px); 
}
*/

#siteResourceList .frame, #fts-sift .frame, .oneparamselection .frame { background: none; }

.tray {
  padding: 0;
  margin: 0;
  width: 500%; /* 5 x frame width -> allowas 5 frames; then each frame has width 20% */

  position: relative;
  float: left;
  left: 0;
}
.tray_slidesshow { width: auto; }

.form_panel, .options_panel, .classifier_panel, .calendar_panel { float: left; width: 20%; min-height: 1px;  }
.oneparamselection { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.oneparamselection .form_panel { height: 1px; overflow: hidden; visibility: hidden; }

/*#siteResourceList .form_panel, #fts-sift .panel_block {  min-height: 1px;  }*/


/** Touch UI buttons **/
.panel_block .toggle_btn { float: right; text-align: right; }
.toggle_btn  { height:32px; overflow:hidden; width: 72px !important; width: 82px; padding: 0px 3px; }
.toggle_btn div::selection, .toggle_btn div::-moz-selection { background: transparent; }
.toggle_btn .toggle_btn_tray { width:300px; cursor: pointer; margin-left: 0px; }
.toggle_btn .toggle_btn_tray div { float: left; }
.toggle_btn .left, .toggle_btn .right { height:22px; margin-top:5px; width: 50px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5); }
.toggle_btn .left {
  border-radius:22px 0 0 22px;
  -moz-border-radius:22px 0 0 22px;
  -webkit-border-radius:22px 0 0 22px;
   background-color: #6468E9;
   margin-left: 0px;
}
.toggle_btn .right {
  visibility: hidden;
  border-radius:0 22px 22px 0;
  -moz-border-radius:0 22px 22px 0;
  -webkit-border-radius:0 22px 22px 0;
  background: #666798;
  margin-left:-5px;
}

* html .toggle_btn .left, * html .toggle_btn .right, * html .toggle_btn .circle { border: solid 1px #6468E9; }
* html .toggle_btn .left { border-right: none; }

.toggle_btn .circle {
  border-radius: 28px 28px 28px 28px;
  -moz-border-radius: 28px 28px 28px 28px;
  -webkit-border-radius: 28px 28px 28px 28px;
	
	background-color: #E1D1FB !important;
	background-color: #E1D1FB;
	
	box-shadow: 0px 0px 15px #1d23cd inset; /* for Opera - no gradient there */

	background-image: -moz-radial-gradient(#E1D1FB, #1d23cd);
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
	  
  background-image: -webkit-gradient(radial, center center, 0, center center, 28.0, from(#E1D1FB), to(#1d23cd));
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#6468E9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6A8FB,endColorstr=#6468E9)";
  
  width: 28px;
  height: 28px;
  margin-top:2px;
  margin-left: -5px;
  position:relative;
}

.toggle_btn .label { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); display:inline; font-size: 13px; font-weight:bold; line-height:21px; margin-left:16px; }

.toggle_btn .left .label { color: #2B0764 !important; }
.toggle_btn .right .label { color: #080A64 !important; }

.toggle_btn .no { margin-left:-45px; }

.iphone_checkbox { border: none; margin: 0px 3px; width: 29px; height: 29px; background: url(../images/skin/iphone/checkbox.png); cursor: pointer; }
.checked { background-position: 100% 0%; } 


/** iPhone field **/
.iphone_field {
	display: inline;
	margin: 0px 2px;
	padding: 4px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) inset;
	background: rgba(255, 255, 255, 0.9) !important;
	background: #ffffff;
	cursor: auto;
	white-space: nowrap;
}

.iphone_field input { width: 70% /* allows to fit filter on mobile */; color: #2B0764; background: transparent; -webkit-appearance: none; font: bold 17px Helvetica; border: none; }
#fts_filter .iphone_field input { width: 120px; }
.clear_cross { position: relative; cursor: pointer; visibility: hidden; }
.iphone_field .clear_cross { top: 5px; left: -2px; }
.desktop_search .clear_cross { top: 6px; margin: 0 1px; }

.iphone_field .magnify_glass_small { position: relative; top: 3px; cursor: pointer; }
.iphone_search { -moz-border-radius: 50%;	-webkit-border-radius: 50%; } /* used for mobile only */


/*.toolbar_icons_set { width: 25; height: 40; background-image: url(../images/skin/iphone/toolbar_icons_set.png) }*/
.icon_btn, .icon_btn_symb { 
   width: 30px; color: #eee;  cursor: pointer; 
   font-family: Caslon;
   font-size: 26px;
   font-weight: normal;
   text-shadow: 0 1px 1px rgba(0,0,0,0.25), 2px 0 1px rgba(0,0,0,0.25) !important;
 }
 .icon_btn img { width: 30px; height: 30px; }
.icon_btn_symb { -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.8))); }
.dlg_cross { font-family: Geneva, Tahoma, Arial, Helvetica; font-weight: bold; }

.right { float: right; /*margin-right: 4px;*/ }

/** shadow **/
.shadow_right_top {
  width: 11px;
  height: 100%;
  background: url(../images/frame/png/right_top.png) no-repeat;
}
.shadow_right {
  width: 11px;
  height: 100%;
  background: url(../images/frame/png/right.png) repeat-y;
}
.shadow_bottom {
	height: 11px;
	width: auto;
  float: left;
  background: url(../images/frame/png/bottom.png) no-repeat;
}
.shadow_right_bottom { height: 11px; background: url(../images/frame/png/right_bottom.png) no-repeat; }

#div_description { 
/*  max-width:520px;*/
  width: expression(document.body.clientWidth > 522? "520px" : "auto"); /* for IE */
}
#div_info, .rop_only #div_Edit {
  max-width:520px;
  width: expression(document.body.clientWidth > 522? "520px" : "auto"); /* for IE */
}
#div_info table { overflow: visible; }
#div_info table .label, #div_info table .propLabelI, #div_info table .xs { float: left; overflow: visible; font-weight: bold; color: #073963;}
#div_info td { overflow: visible; text-align: right; vertical-align: middle; }
#div_info #rtitle { overflow: visible; vertical-align: middle; text-align: left;}
#div_info .text_editor_container { text-align: left; }
#div_info .text_editor_container .label { float: none; }
#div_info .text_editor_container table { margin: 2px; }
#div_info .text_editor_container td { border: 1px solid #000; width: 80px; }

#div_info td.pGr { background-image: -moz-linear-gradient(top center, #A6A8FB, #D4D5FB);
                   font-weight:bold; font-size:1em; text-align:center; text-align: center; }
td.pBGr { background-color: #eeeeee;
                   font-weight:bold; font-size:1em; text-align:center; text-align: center; }
#div_info a { margin-left: 5px; }

/* set left alignment in description TD containing table */
/*#div_info table table td { text-align: left; }*/

.panel_block .no_matches { display: none; color: #f00; font-size: 16px; font-weight:bold; margin-left: 15px; }

#siteResourceList #filter input[type=text] { color: 070a5e;  width: 100%; height: auto; background-color: transparent; font-size: 16px; font-weight: normal; }
#siteResourceList #filter input[type=text].changed { color: #073963;   }
#siteResourceList .input { border: 1px solid #6468E9; }
#siteResourceList .pointer, .panel_block .pointer { border: none; background: transparent; }

.cp_item_left, .cp_item_right { position: relative; white-space:nowrap; }
/*.cp_item_left { min-height: 30px; }*/
.backlink_counter { position: absolute; pointer-events: none; }
.cp_item_right .backlink_counter { top: -7px; left: 15px; }
.cp_item_left  .backlink_counter { top: 0px; right: 5px; }

.backlink_counter .left, .backlink_counter .right { height: 25px; background: transparent url(../images/skin/iphone/backlink_counter.png) no-repeat; }
.backlink_counter .left { float: left; width: 9px; background-position: center left; }
.backlink_counter .right { float: left; width: auto; line-height: 19px; text-align: center; padding-right: 14px; color: #fff; font-size: 12px; font-weight: bold;  background-position: center right; }
.backlink_counter .right span {font-size: 12px; text-decoration: line-through; }
.sidebar {
   empty-cells: hide;
   border:none;
   border-bottom-style:none;
   border-collapse:collapse;
   border-top-style:none;
   margin: 0px;
   border-spacing: 0px;
   padding: 0px;
   line-height:12px;
   height:0px;
}

#footerwrap { bottom: 0;    width: 100%;  background-image:url(../images/footerBg.png);}   
#footer { width: 85%; min-width: 760px; max-width: 964px;    margin: 0 auto;  color:white} 

.footer { 
  background-color: #666798;
  /*
  background-image: -moz-linear-gradient(top center, #6468E9, #A6A8FB);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6468E9), to(#A6A8FB));
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#A6A8FB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#A6A8FB)";
  */
  color: #080A64;
  /*height: 2em;*/
}

@media print {
  .footer, #social, .fts, #menuBar1, .noprint { display:none; visibility: hidden } 
}

.footer a {color: #D4D5FB; font-size: 12px;}

.footertitle {
  font-weight: normal;
  color: #ffffff;
  font-size: 15px;
  padding-bottom: 15px;
}
/*
.contentRelated {
  border: solid 1px #2B0764;
}
*/
.contentRelated {
  padding: 0px 0px 30px 30px;
  *margin-left: 30px;
  *margin-bottom: 30px;  
}

#auto_complete { z-index: 101; position: absolute; cursor: pointer; overflow: visible; background-color:#A6A8FB; }
#auto_complete .menuItem, #auto_complete .not_found { color: 070a5e; padding: 2px 5px; vertical-align: middle; width:100%; font-weight: bold; border-bottom: 2px groove #6468E9; }
#auto_complete .not_found { border-bottom: none; }
#auto_complete tr:last-child td { border-bottom: none; }
#auto_complete .menuItem div { float: left; line-height: 45px; margin-right: 5px; }
#auto_complete .menuItem table { float: right; }
#auto_complete .menuItem table td { border: 1px solid transparent; text-align: center; padding: 0px 3px; }
#auto_complete .menuItem table td.selected { border: 1px solid #073963; background-color: transparent; }
#auto_complete a { font-size: 12px; margin-left: 0px; color: #2B0764; }
.dsk_auto_complete { -moz-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5); }
.dsk_auto_complete .menuItem, .dsk_auto_complete .not_found { min-width: 460px; }
.mbl_auto_complete { left: 0; width: 100%; }
.mbl_auto_complete > table { width: 100%; }
* html .dsk_auto_complete { width: 465px; }

/* RTE and styles editor */
.ctrl_toolbar { position : relative; display: block; left: 0px; top: 0px; width: 100%; border-width: 0px; cursor: default;
		background-color: rgba(166,168,251, 0.5);
    background-image: -moz-linear-gradient(top center, rgba(100,104,233, 0.5), rgba(166,168,251, 0.5));
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,104,233, 0.5)), to(rgba(166,168,251, 0.5)));
		background-image: -o-linear-gradient(rgba(100,104,233, 0.5), rgba(166,168,251, 0.5));
    #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#776468E9,endColorstr=#77A6A8FB);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#776468E9,endColorstr=#77A6A8FB)";
}
.ctrl_toolbar_dlg { visibility: hidden; position: absolute; min-width: 280px;	background-color: #ffffff; color: #080A64; border: 1px solid #6468E9; padding: 5px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
}
.ctrl_toolbar_dlg td { height: 32px; }
.pallete_dlg { width: 400px; }
.pallete_dlg td { cursor: pointer; }

.ctrl_toolbar .tb_btn, .ctrl_toolbar_dlg .tb_btn { position: absolute; cursor: pointer; border-style: solid; border-width: 0px; }
.palette_popup td { width: 31px; height: 31px; }
tr.grey_highlighting > td, * html tr.grey_highlighting td, .ctrl_toolbar_dlg .grey_highlighting {
	color: 070a5e;
	background-color: rgba(100,104,233, 0.1);
  background-image: -moz-linear-gradient(top center, rgba(100,104,233, 0.5), #A6A8FB);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,104,233, 0.5)), to(#A6A8FB));
	background-image: -o-linear-gradient(rgba(100,104,233, 0.5), #A6A8FB);
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#776468E9,endColorstr=#A6A8FB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#776468E9,endColorstr=#A6A8FB)";
}
.rounded_rect_tbl .grey_highlighting .label, .rounded_rect_tbl .grey_highlighting .propLabel1, .rounded_rect_tbl .grey_highlighting a, #auto_complete .grey_highlighting td, #auto_complete .grey_highlighting a { color: #080A64; }
.rounded_rect_tbl .blue_highlighting .label, .rounded_rect_tbl .blue_highlighting .propLabel1, .rounded_rect_tbl .blue_highlighting a, #auto_complete .blue_highlighting td, #auto_complete .blue_highlighting a { color: #080A64; }

tr.blue_highlighting > td, * html tr.blue_highlighting td {
	color: #080A64;
	background-color: rgba(195,160,251, 0.2);
  background-image: -moz-linear-gradient(top center, rgba(146,91,232, 0.7), rgba(195,160,251,0.2));
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(146,91,232, 0.7)), to(rgba(195,160,251, 0.2)));
	background-image: -o-linear-gradient(rgba(146,91,232, 0.7), rgba(195,160,251,0.2));
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2925BE8,endColorstr=#33C3A0FB);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2925BE8,endColorstr=#33C3A0FB)";
}

* html tr.grey_highlighting table td, * html tr.blue_highlighting table td  {
	background-color: transparent;
	background-image: transparent;
	#filter: none;
	-ms-filter: none;
}

.rounded_rect_tbl .blue_highlighting .label.rounded_rect_tbl .blue_highlighting .propLabel1, .blue_highlighting .comment, .blue_highlighting input, .blue_highlighting .chosen_values { color: #080A64; }
.empty_field, .false_empty_field { color: rgba(7, 10, 94, 0.6) !important;}
.false_empty_field { float: right; font-weight: bold; line-height: 20px; margin-right: 7px; }
.grey_highlighting .empty_field{ color: rgba(8, 10, 100, 0.6) !important;}
.rounded_rect_tbl .focused_field { color: rgba(8, 10, 100, 0.4); }
.iphone_field .focused_field, .focused_field { color: rgba(7, 10, 94, 0.4); }

.widget .dragable h2 { margin-bottom: 0px; font-size: 17px; } 
.widget .containers h2 { margin: 5px 0px 0px 0px; }
.widget .containers h2 a { font-size: 19px; padding: 0px; }
#dataEntry .containers td {line-height: 25px; padding-left: 5px;}

.shrunk_field { position: absolute; font-size: 1px; width: 1px; border-width: 0; background: transparent; }

/* like "TO" field in message */
.rounded_rect_tbl .tags { width: auto; margin-bottom: 7px; }
.rounded_rect_tbl .tags div { float: left; margin: 5px; height: 20px; line-height:20px; }
.rounded_rect_tbl .tags .item { font-size: 14px; line-height:20px; padding: 2px 2px 2px 4px; }
.rounded_rect_tbl .tags .item img { position:relative; top:3px; cursor: pointer; }
.rounded_rect_tbl .tags .caret { text-align:left; border: none; outline: 0 none; }

/********** Slide Show *********/
#slides_pager { 
	position: absolute;
	z-index: 10; 
	top: 10px;
	right: 10px;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3);
}
#div_SlideShow #slides_pager { top: 40px; }

#slides_pager a { 
	background: url("../icons/slider_pager_dots.png");
	cursor: pointer;
	float:left;
	height: 16px;
	width: 16px;
	-moz-border-radius: 16px;
	margin: 0 2px;
}

#slides_pager a.current { background-position: center bottom; }

#div_SlideShow { position: relative; margin: 10px 10px 10px 2px; float: left; }
#div_SlideShow .galleryItem_css3 { margin: 0; }
#slides_pager {
	background-color: rgba(255, 255, 255, 0.6);
   #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff)";
 }
#div_SlideShow .galleryItem_note { font-size: 18px; width: 100% !important; padding: 5px 0; min-height: 0; text-shadow: 1px 2px 2px #000000; }
/********** dashboard & widgets *********/
#dashboard, #dashboard > table { 
  background-color: #6468E9; 
  background-image: -moz-linear-gradient(center top, #6468E9, #ffffff);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6468E9), to(#ffffff));
	background-image: -o-linear-gradient(#6468E9, #ffffff);
}
/* IE's dashboard gradient (hack) */
* html #corePageContent #col_1, * html #corePageContent #col_2, * html #corePageContent #col_3, #col_4 { 
  #filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#ffffff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6468E9,endColorstr=#ffffff)";
}

#col_1, #col_2, #col_3, #col_4 { padding: 0.5em 0.3em; }

/* widget colors! 
.widget { /*background-color: #A6A8FB;*/ color: 070a5e; } 
*/
td #corePageContent { min-height: 600px;}

#intentMessage { min-height:600px; border-right:solid #D4D5FB 1px;} 

#ropLeft {border-right:solid #D4D5FB 1px;  min-height: 600px; width: 1% !important; width: 200px; min-width: 200px; padding-top: 10px; vertical-align: top; text-align: center}
#ropLeft #div_cp a, #ropLeft #div_cp span { font-size: 100%; line-height: 25px; height: auto !important; height: 14px; }
#ropRight {border-left:solid #E1D1FB 1px;}
#ropTop  {border-bottom:solid #E1D1FB 1px; }
  
.editMode #dashboard td { border:solid #E1D1FB 1px;}

#fts-sift {vertical-align: top;}
#fts-sift #col_1 td { max-width: 130px; overflow: hidden; white-space: nowrap; }
.fts-sif .filter { border: 1px solid; }
#fts-sift .param_tr, #fts-sift .param_tr .label { cursor: pointer; background-color: #A6A8FB; color: #080A64; height:1.5em;}
#fts-sift a, #fts-sift span { font-size: 12px; }
#fts_more { cursor: pointer; margin-left: 18px; font-size: 12px; }
/*.widget, .place_holder{ margin: 0 0 0.8em 0; }*/
.ph{ margin: 0 0 0.8em 0; }
.place_holder{ margin: 0 0 0.8em 0; }
.place_holder {  background-color: #666798; display: none; /*width: 100%;*/ border: 1px dashed #808080; }
.widgetTitle {vertical-align:top; color: #080A64; font-weight:bold;white-space: nowrap; }
.widgetIcon {width:16px; height:16px; padding-right:4px; border:0px }

/* preview in property sheet */
.text_editor_container #dashboard, .menuItem #dashboard { width: auto; width: 100%; }
.menuItem #dashboard { float: left; margin: 5px; width: 100px; }
.text_editor_container #dashboard td, .menuItem #dashboard td { background-color: #080A64; height:15px; border: 3px solid #666798; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius:  0; }
.layout_1 td, .layout_2 td, .layout_3_1 td, .layout_4_1 td { height: 30px !important; }
.layout_4_6 td { height: 12px !important; }

#loading { z-index: 101; position: absolute; width: 70px; height: 150px; visibility: hidden; }

#loading span { color: #080A64; position: absolute; padding: 0; margin: 0; border: 0; font-family:arial,helvetica; font-weight:bold; background: none; }

/*  colors scheme palette*/
.csp_11 { color: #6468E9; }
.csp_12 { color: #5C5D8A; }
.csp_13 { color: #080A64; }
.csp_14 { color: #A6A8FB; }
.csp_15 { color: #D4D5FB; }

.csp_21 { color: #925BE8; }
.csp_22 { color: #6B5889; }
.csp_23 { color: #2B0764; }
.csp_24 { color: #C3A0FB; }
.csp_25 { color: #E1D1FB; }

.csp_31 { color: #57A5E5; }
.csp_32 { color: #567188; }
.csp_33 { color: #073963; }
.csp_34 { color: #9DD0FA; }
.csp_35 { color: #D0E7FA; }

.csp_bg_11 { background-color: #6468E9; }
.csp_bg_12 { background-color: #5C5D8A; }
.csp_bg_13 { background-color: #080A64; }
.csp_bg_14 { background-color: #A6A8FB; }
.csp_bg_15 { background-color: #D4D5FB; }

.csp_bg_21 { background-color: #925BE8; }
.csp_bg_22 { background-color: #6B5889; }
.csp_bg_23 { background-color: #2B0764; }
.csp_bg_24 { background-color: #C3A0FB; }
.csp_bg_25 { background-color: #E1D1FB; }

.csp_bg_31 { background-color: #57A5E5; }
.csp_bg_32 { background-color: #567188; }
.csp_bg_33 { background-color: #073963; }
.csp_bg_34 { background-color: #9DD0FA; }
.csp_bg_35 { background-color: #D0E7FA; }

.image_mag { position: absolute; visibility: hidden;
	box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.langSwitch {border-bottom: 1px solid #6B5889; padding-left: 1px; vertical-align:top; padding-right: 1px; padding-top: 1px}
.bigGridS { text-align:left; width: 444px; height:90px; font-size:14px; padding: 8px; }
.bigGridP { font-size:16px; padding-bottom: 8px; }
.bigGridP .bigLabel { font-size: 16px; font-weight: bold; text-shadow: 1px 1px 1px #333333;}
#note {font-size: 16px;  width: 500px;}

.arrow_td div {
  position: absolute;
  border-color:  transparent #ff0000;
  border-style: solid;
  border-width: 20px 0px 20px 20px;

  height: 0px;
  width: 0px;
  -moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); 
  } 
  
.arrow_td div div {   font-size: 30px;  color: #ffffff; margin: -15px 0 0 -20px; }

.page_overlay { position: absolute; z-index: 11; top: 0; left: 0; display: none; width: 100%; background-color: #000; opacity: 0.6; -moz-opacity: 0.6;  filter: alpha(opacity:60); } /* for modal dialogs */
