/*
   (c) 2009, 2010, 2011, 2012 by Edward H. Trager
   2009.10.03.ET
   Last updated: 2012.04.17.ET
*/

/*                                                                               */
/* Defaults to be inherited                                                      */
/* => "body" definition will more likely be in your                              */
/*    "main.css" file rather than here.  It should include gcI18NFont like this: */
/*                                                                               */
/* body{                                                                         */
/* 	font-family:"DejaVu Sans","Lucida Grande","Arial",gcI18NFont,sans-serif; */
/* 	font-size:15px;                                                          */
/* }                                                                             */
/*                                                                               */

/* ************** */
/*                */
/* FONTS SECTION  */ 
/*                */
/* ************** */

/*                                      */
/* Gentium has very wide Latin support: */
/*                                      */
@font-face{
	font-family: gcLinguistFont;  
	src: local("Gentium"),  
	local("Gentium Alt"),  
	url("../fonts/GenR102.ttf");  
	font-weight:normal;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga", "dlig";
	-webkit-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig";
} 

/*              */
/* GC Art font: */
/*              */
@font-face{
	font-family: gcArtFont;  
	src: local("Ubuntu Condensed"),
	url("../fonts/Ubuntu-C.ttf"),
	local("sans-serif");
	font-weight:normal;
} 

/*                                                                */
/* The "gcfont" CSS class here provides a default synthetic       */
/* managed font.  It is managed because the "gcFont" is           */
/* an @font-face font specification which GC can manage           */
/* dynamically.  Specifically, the gcI18NFont may be changed      */
/* dynamically.                                                   */
/*                                                                */
/* Font order: (1) OFL Font first, (2) 1st proprietary alternate, */
/*             (3) 2nd proprietary alternate                      */
/*                                                                */

/* GC User Interface font standard: */
.gcUIFont{
	font-family:"DejaVu Sans","Lucida Grande","Arial",gcI18NFont,sans-serif;
}

/* GC text / text editor font standard: */
/* .gcTextFont{
	font-family:"gcLinguistFont","Georgia","Times New Roman",gcI18NFont,serif;
} */
.gcTextFont{
	font-family:"gcLinguistFont",gcI18NFont,"Georgia","Times New Roman",serif;
}

.gcTestI18NWebFont{
	font-family:gcI18NFont;
}

/* Gladiator Components Scheme */
/* => These may be read by the */
/*    GC Javascript engine ... */
.gc_scheme{
	border-top-color:#8caeef;  /* powder blue default border color      */
	border-bottom-color:#fff;  /* white                                 */
	border-left-color:#ffd305; /* gold complement color                 */
	background-color:#184573; /* default window title background color  */
	color:#214D7B;
}

/* testFont div: */
.gc_webFontLoader{
	position:fixed;
	left:12px;
	top:12px;
	background-color:orange;
	font-size:15px;
	opacity:0; /* Keep this invisible */
}

/* dock foundation */
.gc_dock{
	/* position:absolute; */
	position:fixed;
	left:12px;
	right:12px;
	height:60px;
}

/* dock positioning: TOP vs BOTTOM */
.gc_dk_top{
	top:12px;
}

.gc_dk_bottom{
	bottom:12px;
}

/* dock edge 1 */
.gc_dk_e1{
	position:absolute;
	height:30px;
	width:17px;
	top:30px;
	left:0px;
	background-image:url("../images/gtt.png");
	background-position:0px 0px;
}

/* dock mid = RACK */
.gc_dk_md{
	position:absolute;
	height:30px;
	top:30px;
	left:17px;
	right:17px;
	background-image:url("../images/gtt_mid.png");
	background-repeat:repeat-x;
}

/* dock rack RACK */
.gc_dk_rk{
	position:absolute;
	height:65px; /* 2009.10.05.ET : Originally 60 px */
	left:17px;
	right:17px;
	overflow:hidden;
}

/* dock rack TRAY */
.gc_dk_tr{
	
	position:absolute;
	height:60px;
	top:0px;
	width:2580px;
	
}

/* dock tack TRAY directions */
.gc_dk_tr_ltr{
	left:0px;
}

.gc_dk_tr_rtl{
	right:0px;
}

/* dock edge 2 */
.gc_dk_e2{
	position:absolute;
	height:30px;
	width:17px;
	top:30px;
	right:0px;
	background-image:url("../images/gtt.png");
	background-position:-33px 0px;
}

/* dock icon */
.gc_dk_ic{
	width:40px;
	height:60px;
	display:block;
	position:relative;
	float:left;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}

/* gc dock icon directions */
.gc_dk_ic_ltr{
	float:left;
}

.gc_dk_ic_rtl{
	float:right;
}

.gc_dk_ic:hover{
	opacity:1.0;
	background-image:url('../images/full_glow_circle.png');
	background-repeat:no-repeat;
}

/* dock icon CANVAS */
.gc_dk_cv{
	position:absolute;
	left:0px;
	top:0px;
}

.gc_dk_ic:hover .gc_dk_cv{
	opacity:0.7;
}

.gc_dk_tt{
	position:absolute;
	top:38px;
	height:20px;
	line-height:20px;
	background-color:#fff;
	padding-left:7px;
	padding-right:7px;
	opacity:0.80;
	border: 1px solid #8caeef;
	overflow:visible;
	text-align:left;
	color:#000;
	z-index:10000;
	font-weight:bold;
	font-size:15px;
	white-space:nowrap;
	display:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.gc_dk_tt_ltr{
	left:0px;
}

.gc_dk_tt_rtl{
	right:0px;
}
.gc_dk_ic:hover .gc_dk_tt{
	display:block;
}

/* window foundation div                */
/* => overflow:visible (the default) is */
/*    required for shadow visibility    */
.gc_win{
	position:absolute;
	margin:0;
	padding:0;
	min-width:200px;
	min-height:27px;
	
}

/* corner */
.gc_c{
	position:absolute;
}

/* border */
.gc_b{
	position:absolute;
}

.gc_hide{
	display:none;
}

/* corner top left left */
.ctll{
	left:0px;
	top:3px;
	height:12px;
	width:3px;
	cursor:nw-resize;
}

/* corner top left */
.ctl{
	left:0px;
	top:0px;
	width:3px;
	height:3px;
	cursor:nw-resize;
}

/* corner top left top */
.ctlt{
	left:3px;
	top:0px;
	width:12px;
	height:3px;
	cursor:nw-resize;
}

/* border top */
.bt{
	left:15px;
	right:15px;
	top:0px;
	height:3px;
	cursor:n-resize;
}

/* corner top right top */
.ctrt{
	right:3px;
	top:0px;
	width:12px;
	height:3px;
	cursor:ne-resize;
}

/* corner top right */
.ctr{
	right:0px;
	top:0px;
	width:3px;
	height:3px;
	cursor:ne-resize;
}

/* corner top right right */
.ctrr{
	right:0px;
	top:3px;
	height:12px;
	width:3px;
	cursor:ne-resize;
}

/* border right */
.br{
	right:0px;
	top:15px;
	bottom:15px;
	width:3px;
	cursor:e-resize;
}

/* corner bottom right right */
.cbrr{
	right:0px;
	bottom:3px;
	height:12px;
	width:3px;
	cursor:se-resize;
}

/* corner bottom right */
.cbr{
	right:0px;
	bottom:0px;
	height:3px;
	width:3px;
	cursor:se-resize;
}

/* corner bottom right bottom */
.cbrb{
	right:3px;
	bottom:0px;
	width:12px;
	height:3px;
	cursor:se-resize;
}

/* border bottom */
.bb{
	left:15px;
	right:15px;
	bottom:0px;
	height:3px;
	cursor:s-resize;
}

/* corner bottom left bottom */
.cblb{
	left:3px;
	bottom:0px;
	width:12px;
	height:3px;
	cursor:sw-resize;
}

/* corner bottom left */
.cbl{
	left:0px;
	bottom:0px;
	width:3px;
	height:3px;
	cursor:sw-resize;
}

/* corner bottom left left */
.cbll{
	left:0px;
	bottom:3px;
	height:12px;
	width:3px;
	cursor:sw-resize;
}

/* bottom left */
.bl{
	left:0px;
	top:15px;
	bottom:15px;
	width:3px;
	cursor:w-resize;
}

/* shadows */
.gc_s{
	position:absolute;
	background-position:0 0;
}

/* shadow right top */
.srt{
	right:-12px;
	top:0px;
	width:12px;
	height:12px;
	background-image:url("../images/sRT-trans.png");
}

/* shadow right */
.sr{
	right:-12px;
	top:12px;
	bottom:0px;
	width:12px;
	background-image:url("../images/sR-trans.png");
	background-repeat:repeat-y;
}

/* shadow right bottom */
.srb{
	right:-12px;
	bottom:-12px;
	width:12px;
	height:12px;
	background-image:url("../images/sRB-trans.png");
}

/* shadow bottom */
.sb{
	left:12px;
	bottom:-12px;
	right:0px;
	height:12px;
	background-image:url("../images/sB-trans.png");
	background-repeat:repeat-x;
}

/* shadow left bottom */
.slb{
	left:0px;
	bottom:-12px;
	width:12px;
	height:12px;
	background-image:url("../images/sLB-trans.png");
	
}

/* title bar */
.gc_tbar{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:27px;
	cursor:move;
	overflow:hidden;
}

/* title */
.gc_title{
	position:absolute;
	height:27px;
	top:0px;
	left:0;
	right:0;
	font-weight:bold;
	font-style:normal;
	color:#fff;
	overflow:hidden;
	text-align:center;
	line-height:27px;
}

/* canvas */
.gc_canvas{
	position:absolute;
	left:0px;
	top:27px;
	bottom:0px;
	right:0px;
	background-color:#fff;
	padding:12px;
	overflow:auto;
	border:1px solid #8caeef;
}

/* icon tray */
.gc_icon_tray{
	position:absolute;
	top:4px;
	height:18px;
	width:66px;
	cursor:pointer;
}

.gc_icon_tray_ltr{
	right:3px;
}

.gc_icon_tray_rtl{
	left:3px;
}

.gc_icon{
	position:relative;
	height:18px;
	width:18px;
	margin-left:2px;
	margin-right:2px;
	background-image:url("../images/packedIcons.png");
	background-repeat:no-repeat;
	cursor:pointer;
}

.gc_icon_ltr{
	float:right;
}

.gc_icon_rtl{
	float:left;
}

.gc_iconify{
	background-position:0px 0px;
}

.gc_min{
	background-position:-36px 0px;
}

.gc_max{
	background-position:-18px 0px;
}

.gc_close{
	background-position:-54px 0px;
}

.gc_iconify:hover{
	background-position: 0px -18px;
}

.gc_min:hover{
	background-position:-36px -18px;
}                           
                            
.gc_max:hover{
	background-position:-18px -18px;
}

.gc_close:hover{
	background-position:-54px -18px;
}

/*                     */
/* TAB CONTAINER CLASS */
/*                     */

/* tab container */
.gc_tc{
	position:absolute;
	left:12px;
	right:12px;
	top:12px;
	bottom:12px;
}

/* tab scroll left */
.gc_tab_sl{
	position:absolute;
	top:6px;
	left:1px;
	width:14px;
	height:16px;
	cursor:pointer;
	background-image:url("../images/packedIcons.png");
	background-repeat:no-repeat;
	background-position:-216px -18px;
	cursor:pointer;
}

.gc_tab_sl:hover{
	background-position:-216px 0px;
}

/* tab scroll right */
.gc_tab_sr{
	position:absolute;
	top:6px;
	right:1px;
	width:14px;
	height:16px;
	cursor:pointer;
	background-image:url("../images/packedIcons.png");
	background-repeat:no-repeat;
	background-position:-234px -18px;
	cursor:pointer;
}

.gc_tab_sr:hover{
	background-position:-234px 0px;
}


/* tab canvas container */
.gc_tab_cvc{
	position:absolute;
	top:27px;
	left:0px;
	right:0px;
	bottom:0px;
}

/* tab bar*/
.gc_tab_bar{
	position:absolute;
	left:15px;
	right:15px;
	top:0px;
	height:31px;
	overflow:hidden;
}

/* tab rack*/
.gc_tab_rack{
	position:absolute;
	top:0px;
	height:31px;
	width:4000px;
}

.gc_tab_rack_ltr{
	left:0px;
}

.gc_tab_rack_rtl{
	right:0px;
}

/* tab */
.gc_tab{
	position:relative;
	margin-top:0px;
	margin-left:1.5px;
	margin-right:1.5px;
	height:27px;
	width:120px;
}

/* Tab holder is a child of tab */
/* It is reqd. because we need absolute positioning */
.gc_tab_holder{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow:visible;
}

.gc_tab_holder:hover{
}


.gc_tab_sel .gc_tab_closeable{
	
	position:absolute;
	top:9px;
	right:5px;
	width:12px;
	height:12px;
	background-image:url("../images/packedIcons.png");
	background-repeat:no-repeat;
	background-position:-162px -36px;
	cursor:pointer;
}

.gc_tab_sel .gc_tab_closeable:hover{
	background-position:-162px -18px;
}

/* Tab title is a child of tabHolder */
/* It is reqd. because we need absolute positioning */
.gc_tab_title{
	position:absolute;
	top:0px;
	padding-top:4px;
	left:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	font-weight:normal;
	overflow:hidden;
	color:#444;
}

.gc_tab_sel .gc_tab_title{
	font-weight:bold;
	color:#000;
}

/* tab tap makes tab seamless with canvas: */
.gc_tab_tape{
	position:absolute;
	background-color:white;
	height:4px;
	bottom:-4px;
	left:3px;
	right:3px;
}

/* tab highlight on hover: */
.gc_tab_hl{
	position:absolute;
	background-color:#ffd305;
	height:3px;
	left:6px;
	right:6px;
	top:1px;
	opacity:1.0;
	display:none;
}

.gc_tab_holder:hover .gc_tab_hl{
	
	display:block;
	
}

.gc_tab_enabled{
	cursor:pointer;
}

.gc_tab_enabled:hover{
	color:#000;
	font-weight:bold;
}

.gc_tab_disabled{
	cursor:not-allowed;
	opacity:0.4;
}

/* tab direction */
.gc_tab_ltr{
	float:left;
}

.gc_tab_rtl{
	float:right;
}

/* tab canvas is a child of tab canvas container */
.gc_tab_canvas{
	
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	border:2px solid #8caeef;
	background-color:white;
	overflow:auto;
	padding:12px;
}

/*                   */
/* TEXT EDITOR CLASS */
/*                   */

/* text editor base */
.gc_ed_base{
	position:absolute;
	left:12px;
	right:12px;
	top:12px;
	bottom:12px;
	border:1px solid #8caeef;
	background-color:#fff;
}

/* toolbar container */
.gc_ed_toolbar{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:28px;
}

/* text editor canvas container */

.gc_ed_ctr{
	position:absolute;
	left:3px;
	right:3px;
	top:28px;
	bottom:12px;
	border:1px solid #8caeef;
	background-color:gray;
}


/* text editor canvas -- this is the IFRAME: */
.gc_ed{
	width:100%;
	height:100%;
	background-color:#ffd;
	border:none;
}

.gc_ed_csr{
	position:relative;
	border:1px solid green;
	width:2px;
	height:15px;
}

.gc_ed_inp{
	position:absolute;
	border:2px solid red;
	background-color:transparent;
	width:24px;
	height:24px;
	top:100px;
	left:100px;
	opacity:0.3;
	z-index:10000;
}

.gc_ed_icon{
	position:relative;
	height:28px;
	width:28px;
	margin-left:0px;
	margin-right:0px;
	background-image:url("../images/newEditorIcons_28.png");
	background-repeat:no-repeat;
	cursor:pointer;
}

.gc_ed_icon:hover{
	opacity:0.7;
}

/* FOR TESTING */
strong{
	color:red;
}

.gc_ed_icon_ltr{
	float:left;
}

.gc_ed_icon_rtl{
	float:right;
}

.gc_ed_left{
	background-position:0px 0px;
}

.gc_ed_right{
	background-position:-644px 0px;
}

.gc_ed_star{
	background-position:-588px 0px;
}

.gc_ed_angstrom{
	background-position:-476px 0px;
}

.gc_ed_paragraph{
	background-position:-28px 0px;
}

.gc_ed_h1{
	background-position:-56px 0px;
}

.gc_ed_h2{
	background-position:-84px 0px;
}

.gc_ed_h3{
	background-position:-112px 0px;
}

.gc_ed_h4{
	background-position:-140px 0px;
}

.gc_ed_h5{
	background-position:-168px 0px;
}

.gc_ed_h6{
	background-position:-196px 0px;
}

.gc_ed_strong{
	background-position:-224px 0px;
}

.gc_ed_em{
	background-position:-252px 0px;
}

.gc_ed_underline{
	background-position:-280px 0px;
}

.gc_ed_strikeout{
	background-position:-308px 0px;
}

.gc_ed_sup{
	background-position:-336px 0px;
}

.gc_ed_sub{
	background-position:-364px 0px;
}

.gc_ed_ol{
	background-position:-392px 0px;
}

.gc_ed_ul{
	background-position:-420px 0px;
}

.gc_ed_link{
	background-position:-448px 0px;
}


/* *** */
.gc_ed_jleft{
	background-position:-108px -18px;
}

/* *** */
.gc_ed_jboth{
	background-position:-126px -18px;
}

/* *** */
.gc_ed_jcenter{
	background-position:-234px 0px;
}

/* *** */
.gc_ed_jright{
	background-position:-144px -18px;
}

/* *** */
.gc_ed_search{
	background-position:-126px -36px;
}

/* CALENDAR */

.gc_cal_cntr{
	margin-left:auto;
	margin-right:auto;
}

.gc_cal_cell{
	width:37px;
	height:25px;
	font-size:17px;
	overflow:hidden;
	text-align:center;
	background-color:#fff;
	cursor:pointer;
}

.gc_cal_cell:hover{
	color:#fff;
	font-weight:bold;
	background-color:#8caeef;
}

.gc_cal_hdr{
	color:#fff;
	font-weight:bold;
	background-color:#8caeef;
	border:1px solid white;
}

.gc_cal_blank{
	border:1px solid #8caeef;
	background-color:#ccc;
	color:#fff;
}

.gc_cal_before{
}

.gc_cal_after{
}

.gc_cal_day{
	border:1px solid #8caeef;
}

.gc_cal_arrow{
	position:absolute;
	/* top:25px; */
	bottom:4px;
	background-image:url("../images/calendarArrows.png");
	height:16px;
	cursor:pointer;
}

.gc_cal_left{
	left:51px;
	width:13px;
	background-position:0px 0px;
}

.gc_cal_right{
	right:51px;
	width:13px;
	background-position:-13px 0px;
}

.gc_cal_yr_left{
	left:25px;
	width:22px;
	background-position:-26px 0px;
}

.gc_cal_yr_right{
	right:25px;
	width:22px;
	background-position:-48px 0px;
}

.gc_cal_dec_left{
	left:4px;
	width:18px;
	background-position:-70px 0px;
}

.gc_cal_dec_right{
	right:4px;
	width:18px;
	background-position:-88px 0px;
}

.gc_cal_left:hover{
	background-position:0px -16px;
}

.gc_cal_right:hover{
	background-position:-13px -16px;
}

.gc_cal_yr_left:hover{
	background-position:-26px -16px;
}

.gc_cal_yr_right:hover{
	background-position:-48px -16px;
}

.gc_cal_dec_left:hover{
	background-position:-70px -16px;
}

.gc_cal_dec_right:hover{
	background-position:-88px -16px;
}

/* ********************************** */
/*                                    */
/* FLOAT LEFT AND FLOAT RIGHT CLASSES */
/*                                    */
/* ********************************** */
.gc_flt_ltr{
	float:left;
}

.gc_flt_rtl{
	float:right;
}

/* ******************************************* */
/*                                             */
/* Special CSS to hide October 1582 skip days: */
/*                                             */
/* ******************************************* */
.gc_October_1582 .gc_sk_dy{
	display:none;
}

/* ******************************************* */
/*                                             */
/* Decade Containers and Decade Divs           */
/*                                             */
/* ******************************************* */
.gc_dcd_ctr{
	position:absolute;
	top:50px;
	left:700px;
	width:273px;
	height:311px;
	/* DEBUG: border:1px solid orange; */
	display:none;
}

.gc_dcd{
	position:absolute;
	top:0px;
	left:-54px;
}

.gc_dcd_cell{
	position:relative;
	height:19px;
	width:48px;
	border:1px solid #8caeef;
	background-color:#fff;
	font-size:17px;
	text-align:center;
	color:#000;
	cursor:pointer;
}

.gc_dcd_cell:hover{
	
	background-color:#8caeef;
	color:#fff;
	font-weight:bold;
	
}

.gc_dcd_selected{
	
	background-color:#8caeef;
	color:#fff;
	font-weight:bold;
	
}

.gc_dcd_hdr{
	font-weight:bold;
	color:#fff;
	background-color:#184573;
}

.gc_win_tbar_pfr{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

.gc_win_tbar_default_pix{
	position:relative;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	width:185px;
	/*width:200px;*/
	background-image:url('../images/WinterLandscape_185x100.png');
	/*background-image:url('../images/Liatris.png');*/
	background-repeat:no-repeat;
	background-position:center;
}

.gc_dcd_tab{
	position:absolute;
	top:155px;
	width:35px;
	height:50px;
}

.gc_dcd_tab_right{
	left:40px;
}

.gc_dcd_tab_left{
	left:-25px;
}

.gc_dcd_button{
	position:absolute;
	top:15px;
	height:18px;
	width:18px;
	background-image:url("../images/packedIcons.png");
	background-repeat:no-repeat;
	background-position:-18px 0px;
	cursor:pointer;
}

.gc_dcd_btn_left{
	left:4px;
}

.gc_dcd_btn_right{
	right:4px;
}

.gc_dcd_prior{
	background-position:-36px 0px;
}

.gc_dcd_future{
	background-position:-18px 0px;
}

.gc_dcd_future:hover{
	background-position:-18px -18px;
}

.gc_dcd_prior:hover{
	background-position:-36px -18px;
}

/* ********************* */
/*                       */
/* CONTAINERIZED SECTION */
/*                       */
/* ********************* */
.gc_sct_fnd{
	position:relative;
	left:0px;
	right:0px;
	margin-top:6px;
	margin-bottom:6px;
	height:50px;
}

.gc_sct_frm{
	position:absolute;
	top:12px;
	left:0px;
	right:0px;
	bottom:2px;
	border:2px solid #8caeef;
	overflow:auto;
}

.gc_sct_canvas{
	position:absolute;
	left:8px;
	right:8px;
	top:15px;
	bottom:12px;
}


.gc_sct_tc{
	position:absolute;
	width:150px;
	height:27px;
	top:0px;
}

.gc_sct_tc_ltr{
	left:12px;
}

.gc_sct_tc_rtl{
	right:12px;
}

.gc_sct_tc_smc{
	font-variant:small-caps;
}

.gc_sct_title{
	position:absolute;
	top:0px;
	left:0px;
	height:27px;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	color:#184573;
}

.gc_sct_bhc{
	position:absolute;
	height:7px;
	left:0;
	right:0;
	bottom:0;
}

.gc_sct_bh{
	position:relative;
	width:32px;
	height:7px;
	background-image:url("../images/borderHandle.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
}

.gc_sct_bh:hover{
	background-position:0px -7px;
}

.gc_sct_xpn{
	position:absolute;
	top:7px;
	background-image:url("../images/encircledIcons.png");
	background-repeat:no-repeat;
	width:18px;
	height:18px;
}

.gc_sct_xpn_ltr{
	left:8px;
}

.gc_sct_xpn_rtl{
	right:8px;
}

.gc_contract{
	background-position:-18px -54px;
}

.gc_expand{
	background-position: 0px -54px;
}

.gc_contract:hover{
	background-position:-18px -18px;
}

.gc_expand:hover{
	background-position: 0px -18px;
}

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

/*                                     */
/* FORM ELEMENT - DEFAULT "SIDE" STYLE */
/*                                     */
.gc_fe_fnd{
	position:relative;
	width:300px;
	height:32px;
	border:1px solid #8caeef;
	margin:3px;
	background-image:url("../images/bgr.png");
	background-repeat:repeat-x;
}

.gc_fe_lbc{
	position:absolute;
	top:0px;
	bottom:0px;
	width:142px;
}

.gc_fe_lbc_ltr{
	left:3px;
}

.gc_fe_lbc_rtl{
	right:3px;
}

.gc_fe_lbl{
	position:absolute;
	top:0px;
	bottom:0px;
	line-height:34px;
	white-space:nowrap;
}

.gc_fe_lbl_ltr{
	left:0px;
	direction:ltr;
}

.gc_fe_lbl_rtl{
	right:0px;
	direction:rtl;
}

.gc_fe_ic{
	position:absolute;
	width:150px;
	top:3px;
	bottom:3px;
}

.gc_fe_ic_ltr{
	right:3px;
}

.gc_fe_ic_rtl{
	left:3px;
}

.gc_fe_dsc{
	position:absolute;
	bottom:3px;
}

.gc_fe_rsp{
	position:absolute;
}

.gc_fe_txi{
	position:absolute;
	top:0px;
	border:1px solid #8caeef;
	height:20px;
	padding:1px;
	padding-top:3px;
	font-size:15px;
}

.gc_fe_txi_nohs{
	width:146px;
}

.gc_fe_txi_whs{
	width:116px;
}

.gc_fe_txi_ltr{
	left:0px;
	direction:ltr;
}

.gc_fe_txi_rtl{
	right:0px;
	direction:rtl;
}

.gc_fe_hs{
	position:absolute;
	top:0px;
	bottom:0px;
	border:1px solid #8caeef;
	width:24px;
	background: #8caeff; /* Old browsers */
	background: -moz-linear-gradient(top, #8caeff 0%, #184573 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8caeff), color-stop(100%,#184573)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8caeff 0%,#184573 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8caeff 0%,#184573 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8caeff 0%,#184573 100%); /* IE10+ */
	background: linear-gradient(top, #8caeff 0%,#184573 100%); /* W3C */
}

.gc_fe_hs_ltr{
	right:0px;
}

.gc_fe_hs_rtl{
	left:0px;
}

/*                                */
/* FORM ELEMENTS - "CENTER" STYLE */
/*                                */
.gc_fe_lbl_ctr{
	position:absolute;
	top:0px;
	bottom:0px;
	line-height:34px;
	white-space:nowrap;
}

.gc_fe_lbl_ctr_ltr{
	right:0px;
	direction:ltr;
}

.gc_fe_lbl_ctr_rtl{
	left:0px;
	direction:rtl;
}


/*                            */
/* FORM ELEMENT - "TOP" STYLE */
/*                            */

.gc_fe_fnd_top{
	position:relative;
	width:300px;
	height:48px;
	margin:3px;
}

.gc_fe_lbc_top{
	position:absolute;
	top:0px;
	height:19px;
}

.gc_fe_lbc_top_ltr{
	left:3px;
	right:3px;
	direction:ltr;
}

.gc_fe_lbc_top_rtl{
	left:3px;
	right:3px;
	direction:rtl;
}

.gc_fe_lbl_top{
	position:absolute;
	top:0px;
	bottom:0px;
	line-height:19px;
	white-space:nowrap;
	font-weight:bold;
}

.gc_fe_lbl_top_ltr{
	left:0px;
}

.gc_fe_lbl_top_rtl{
	right:0px;
}

.gc_fe_ic_top{
	position:absolute;
	top:19px;
	bottom:3px;
}

.gc_fe_ic_top_ltr{
	right:3px;
	left:3px;
}

.gc_fe_ic_top_rtl{
	left:3px;
	right:3px;
}

.gc_fe_txi_top{
	position:absolute;
	top:0px;
	border:1px solid #8caeef;
	height:20px;
	padding:1px;
	padding-top:3px;
	font-size:15px;
}

.gc_fe_txi_top_nohs{
	width:290px;
}

.gc_fe_txi_top_whs{
	width:260px;
}

.gc_fe_txi_top_ltr{
	left:0px;
	direction:ltr;
}

.gc_fe_txi_top_rtl{
	right:0px;
	direction:rtl;
}

/* dropdown container */
.gc_fe_dd{
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	border:1px solid #8caeef;
	background-color:#fff;
}

/* matching label */
.gc_fe_ml{
	position:relative;
	height:25px;
	line-height:25px;
	left:0px;
	right:0px;
	padding-left:3px;
	padding-right:3px;
	overflow:hidden;
	text-overflow:ellipsis;
	border-bottom:1px solid silver;
}

.gc_fe_ml_hl{
	background-color:#cedcf8;
}

.gc_fe_ml_ltr{
	direction:ltr;
}

.gc_fe_ml_rtl{
	direction:rtl;
}

.gc_fe_nrm{
	color:#444;
	font-weight:normal;
}

.gc_fe_bld{
	color:#000;
	font-weight:bold;
}

/*            */
/* MENU CLASS */
/*            */
.gc_top_mc{
	position:relative;
	height:27px;
}

.gc_mnu{
	left:0px;
	right:0px;
	min-height:27px;
	background-color:#fff;
	border:2px solid #8caeef;
}

.gc_mnu_v{
	width:120px;
}

.gc_mni{
	position:relative;
	width:120px;
	height:25px;
	/* border-left:2px solid #8caeef; */
	/* border-top:2px solid #8caeef; */
	border-top:2px solid #dae5ff;
	border-left:2px solid #dae5ff;
	border-right:2px solid #184573;
	border-bottom:2px solid #184573;
	margin:0px;
	background-image:url("../images/bgs.png");
	background-repeat:repeat-x;
	font-weight:bold;
	text-align:center;
	line-height:27px;
	color:#184573;
	cursor:pointer;
}

.gc_mni:hover{
	border-top:3px solid #ffd305;
	border-bottom:1px solid #184573;
	background-color:#184573;
	color:#fff;
}

/* ******************** */
/*                      */
/* thumbnailImage Class */
/*                      */
/* ******************** */

.gc_tni_base{
	position:relative;
	width:162px;
	height:162px;
	border:1px solid silver;
	margin:3px;
}

/* thumbnail image base */
.gc_tni_base:hover{
	border-color:#ffd305;
}

/* thumbnail image container */
.gc_tni_ic{
	position:absolute;
	left:5px;
	top:5px;
	width:152px;
	height:114px;
	overflow:hidden;
}

/* the thumbnail image itself */
.gc_tni_tnl{
	display:block;
	position:absolute;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	left:0px;
	top:0px;
}

.gc_il{
	position:absolute;
	left:76px;
	bottom:1px;
	width:10px;
	height:10px;
	background-image:url(../images/indicatorLED2.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	
}

.gc_il_green{
	background-position:0px 0px;
}

.gc_il_red{
	background-position:0px -10px;
}

.gc_il_yel{
	background-position:0px -20px;
}

.gc_hz_ctr{
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.gc_tni_wi{
	position:absolute;
	display:block;
	left:73px;
	bottom:2px;
	width:16px;
	height:16px;
	background-image:url('../images/ajaxIndicator2.gif');
	background-attachment:scroll;
	background-repeat:no-repeat;
	border:none;
}

.gc_tni_ttl{
	position:absolute;
	left:5px;
	right:5px;
	top:122px;
	height:15px;
	color:#888;
	font-size:13px;
	font-style:italic;
	text-align:center;
}

/*        */
/* SLIDER */
/*        */

/* base for an always opaque slider */
.gc_sld_bs_opaque{
	position:absolute;
	width:120px;
	height:20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #999;
	background-color:#ddd;
}

/* base for a slider that is semi-transparent when dormant */
.gc_sld_bs{
	position:absolute;
	width:120px;
	height:20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #999;
	background-color:#ddd;
	opacity:0.3;
}

.gc_sld_bs:hover{
	opacity:1.0;
}

.gc_sld_tr{
	position:absolute;
	top:8px;
	left:8px;
	right:8px;
	height:2px;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border:1px solid #999;
	background-color:#000;
}

.gc_sld_kb{
	position:absolute;
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	background-image:url('../images/sliderKnob.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

.gc_sld_tx{
	position:absolute;
	top:-19px;
	left:-15px;
	width:50px;
	height:17px;
	color:#000;
	font-size:15px;
	opacity:0.0;
	text-align:center;
	line-height:19px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#fff;
}

.gc_sld_kb:hover .gc_sld_tx{
	opacity:0.7;
}

/*                 */
/* KEY CURRY STUFF */
/*                 */

.gc_cue_item{
	position:relative;
	float:left;
	border:1px solid silver;
	margin:1px;
	padding:2px;
	overflow:hidden;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	height:22px;
}

.gc_cue_item:hover{
	background-color:#ffe;
}

/*                   */
/* GENKEYBOARD STUFF */
/*                   */
.kbdCanvas{
	position:relative;
	width:366px;
	height:97px;
	background-color:#bbb;
	margin-left:9px;
	margin-top:2px;
	margin-bottom:9px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.kbdMapCanvas{
	
	position:relative;
	margin:9px;
	width:366px;
	height:241px;
	border:1px solid silver;
	background-color:#fff;
	
}

.kbd_r1{
	position:absolute;
	left:1px;
	top:0px;
}

.kbd_r2{
	position:absolute;
	left:1px;
	top:24px;
}

.kbd_r3{
	position:absolute;
	left:1px;
	top:48px;
}

.kbd_r4{
	position:absolute;
	left:1px;
	top:72px;
}

.kbd_key{
	position:relative;
	float:left;
	width:22px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
}

.kbd_key:hover{
	background-position:0 -44px;
	color:#000;
}

.kbd_indexkey{
	position:relative;
	float:left;
	width:22px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:0 -22px;
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
}

.kbd_indexkey:hover{
	background-position:0 -44px;
	color:#000;
}

.kbd_bksp{
	float:left;
	width:50px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-66px 0px;
	background-repeat:no-repeat;
}

.kbd_tab{
	float:left;
	width:35px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-22px -22px;
	background-repeat:no-repeat;
}

.kbd_bar{
	float:left;
	width:37px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-22px 0px;
	background-repeat:no-repeat;
	color:#000;
	cursor:pointer;
}

.kbd_bar:hover{
	background-position:-22px -44px;
}

.kbd_cap{
	float:left;
	width:42px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-22px -66px;
	background-repeat:no-repeat;
}

.kbd_enter{
	float:left;
	width:54px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-66px -22px;
	background-repeat:no-repeat;
}

.kbd_shift{
	float:left;
	width:60px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-66px -44px;
	/* background-image:url(../images/shift-trans.png); */
	background-repeat:no-repeat;
}

.kbd_shift_h{
	float:left;
	width:60px;
	height:22px;
	margin:1px;
	font-size:14px;
	text-align:center;
	line-height:22px;
	overflow:hidden;
	background-image:url(../images/keycurry.png);
	background-position:-66px -66px;
	/* background-image:url(../images/shifthighlight-trans.png); */
	background-repeat:no-repeat;
}

.kbd_label{
	margin-left:7px;
	margin-top:7px;
	margin-bottom:0px;
	font-weight:bold;
	font-size:14px;
	color:#000;
}

.ktb_head{
	
	position:absolute;
	height:20px;
	background-color:#008cf8;
	left:0px;
	top:0px;
	right:0px;
	
}

.ktb_body{
	
	position:absolute;
	background-color:#eec;
	left:0px;
	top:20px;
	right:0px;
	bottom:0px;
	overflow:auto;
	
}

.ktb_table{
	width:100%;
	border-collapse:collapse;
}

.ktb_row{
	background-color:#fff;
}

.ktb_row_h{
	background-color:#deedf8;
}

.ktb_td{
	border:1px solid silver;
	width:50%;
	height:30px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	color:#000;
	cursor:pointer;
}

.ktb_td:hover{
	background-color:#008cf8;
	color:#fff;
}

.kth_key{
	color:#fff;
	text-align:center;
	vertical-align:middle;
	float:left;
	width:50%;
	font-weight:bold;
}

.kth_value{
	color:#fff;
	text-align:center;
	vertical-align:middle;
	float:right;
	width:50%;
	font-weight:bold;
}

.kmp_list{
	border:1px solid silver;
	margin:12px;
}

.kmp_item{
	border:1px solid silver;
	padding:3px;
	cursor:pointer;
}

.kmp_item:hover{
	background-color:#008cf8;
	color:#fff;
}

.kmpx_normal{
	background-color:#fff;
	color:#000;
}

.kmpx_highlight{
	background-color:#008cf8;
	color:#fff;
}

/* Magnified key */
.kbd_magnified{
	position:absolute;
	left:160px;
	top:26px;
	width:44px;
	height:44px;
	font-size:28px;
	text-align:center;
	padding-top:1px;
	overflow:hidden;
	background-image:url(../images/squareKey-trans.png);
	background-repeat:no-repeat;
	color:#000;
	display:none;
}


.kbd_mg_shl{
	left:112px;
}

.kbd_mg_shr{
	left:208px;
}


.gkmwi{
	
	position:absolute;
	width:32px;
	height:32px;
	left:186px;
	top:159px;
	background-image:url(../images/ajax-loader-blue.gif);
	background-repeat:no-repeat;
	display:block;
	z-index:100000;
	
}

/* Shifted/Unshifted labels on keyboard view */
.gkl{
	font-size:15px;
	color:#214D7B;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:3px;
}

/* keymap layout table stuff */

/* canvas */
.gkmt{
	position:absolute;
	left:12px;
	top:12px;
	right:12px;
	bottom:12px;
	border:1px solid #8caeef;
}

/* header */
.gkmth{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:27px;
	background-color:#184573; /* old browsers */
	background: -moz-linear-gradient(top, #8caeff 0%, #184573 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8caeff), color-stop(100%,#184573)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8caeff 0%,#184573 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8caeff 0%,#184573 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8caeff 0%,#184573 100%); /* IE10+ */
	background: linear-gradient(top, #8caeff 0%,#184573 100%); /* W3C */
}

.gktbhd{
	position:absolute;
	left:0px;
	right:0px;
}

/* header table */
.gktbh{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	border-left:none;
	border-top:none;
	border-bottom:none;
	border-collapse:collapse;
	margin:0;
}

/* header cell */
.gkm_hc{
	height:26px;
	color:#fff;
	/* background-color:#8caeef; */
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:26px;
	width:50%;
}

.gkm_hcc{
	border-right:1px solid white;
}

.gkmtc{
	position:absolute;
	top:0px;
	width:48%;
	height:27px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:27px;
}

.gkmtcl{
	left:0px;
}

.gkmtcr{
	right:17px;
}

.gkt{
	position:absolute;
	top:27px;
	left:0;
	right:0;
	bottom:0;
	overflow-x:hidden;
	overflow-y:auto;
}

.gktb{
	width:100%;
	border:1px solid silver;
	border-collapse:collapse;
	margin:0;
}

.gktb td{
	width:50%;
	margin:-1px;
	border:1px solid silver;
	height:27px;
	text-align:center;
	line-height:27px;
	cursor:pointer;
}

.gktb td:hover{
	background-color:#8caeef;
}

.gkt_hl{
	background-color:#e3edff;
}

.gkt_ctr{
	position:absolute;
	top:0px;
	width:2px;
	height:27px;
	background-color:#fff;
	left:180px;
}

.gkmdlh{
	position:absolute;
	top:0px;
	width:100%;
	height:27px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	line-height:27px;
}

.gkt_bl{
	background-color:#184573;
	color:#fff;
	font-weight:bold;
}

.gkt_ime{
	background-color:#ffd027;
}

.gkt_pin{
	background-color:#ffbdbd;
}

.gkt_uni{
	background-color:#ffad70;
}

.gkt_kor{
	background-color:#ff9970;
}

.gkt_jkm{
	background-color:#bdffbd;
}

.gkt_wi{
	position:absolute;
	top:117px;
	left:151px;
	width:64px;
	height:64px;
	background-image:url("../images/a_8caeef.gif");
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#fff;
	border:2px solid #8caeef;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	display:block;
}

.gkt_swi{
	position:absolute;
	top:117px;
	left:119px;
	width:500px;
	height:64px;
	line-height:64px;
	font-size:20px;
	text-align:center;
	background-image:url("../images/a_8caeef.gif");
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ffd;
	border:2px solid #8caeef;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	display:block;
}

/* 2011.12.19.ET Added Keyboard method stack: */
.gta_kbstc{
	position:absolute;
	right:0px;
	top:0px;
	bottom:33px;
	width:0px;
	border-left:1px solid #bbb;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-ms-border-bottom-right-radius:4px;
	-ms-border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(-45deg, #eeeeee 0%,#cccccc 100%); /* W3C */
}

.gta_kbstl{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:auto;
}

/* expanded: */
.gta_kbstc_ex{
	width:200px;
}

/* contracted: */
.gta_kbstc_co{
	width:0px;
}

/* Positioning div to keep gta-exco centered vertically */
.gta_pdiv{
	position:absolute;
	top:50%;
	left:0px;
	width:3px;
	height:0px;
	background-color:red;
}

.gta_exco_ex{
	position:absolute;
	left:-8px;
	top:-10px;
	width:15px;
	height:30px;
	background-image:url(../images/exco.png);
	background-position:0px 0px;
}

.gta_exco_ex:hover{
	background-position:-15px 0px;
}

.gta_exco_co{
	position:absolute;
	left:-8px;
	top:-15px;
	width:15px;
	height:30px;
	background-image:url(../images/exco.png);
	background-position:0px -30px;
}

.gta_exco_co:hover{
	background-position:-15px -30px;
}

.gta_base{
	position:absolute;
	left:12px;
	top:12px;
	right:12px;
	bottom:12px;
	background-color:#f3f3f3;
	border:1px solid #184573;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*                                             */
/* gta_tabase: Note right offset to accomodate */
/*             keyboard stack list             */
.gta_tabase{
	position:absolute;
	top:7px;
	bottom:34px;
	left:7px;
	right:209px;
}

.gta_tabase_ex{
	right:9px;
}

.gta{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:none;
	background-color:#fff;
	font-size:15pt;
	padding:0px;
	background-image:url("../images/KeyCurryLogoWashed.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.gta_sbar{
	position:absolute;
	height:32px;
	left:0px;
	right:0px;
	bottom:0px;
	border-top:1px solid #bbb;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(-93deg, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-93deg, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-93deg, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-93deg, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(-93deg, #eeeeee 0%,#cccccc 100%); /* W3C */
}


/* KEY CURRY KEYBOARD "BUTTON" */ 
.gkc_button{
	position:absolute;
	width:60px;
	height:28px;
	left:9px;
	top:2px;
	background-image:url("../images/keycurry.png");
	background-position:-132px 0px;
}

.gkc_button:hover{
	background-position:-132px -44px;
}

/* ta status label 1 */
.gta_slabel{
	position:absolute;
	top:2px;
	height:28px;
	line-height:28px;
	font-size:20px;
	left:73px;
}

/* ta unicode value label */
.gta_ulabel{
	position:absolute;
	top:5px;
	height:20px;
	line-height:20px;
	padding-left:2px;
	right:225px;
	font-size:11px;
	border:1px solid #000;
	width:50px;
	text-align:center;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	color:#CFB;
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(top, #999999 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#6e7774), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #999 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #999999 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #999999 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */
	background: linear-gradient(top, #999999 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */
	
}

.gc_dd{
	display:block;
	position:absolute;
	width:150px;
	height:22px;
	border:1px solid silver;
	background-color:#fff;
	font-size:15px;
}

.gc_fwd{
	display:block;
	position:absolute;
	left:300px;
	top:0px;
	padding:0px;
	margin:0px;
	background-color:green;
	opacity:0.0;
}

.gfs_base{
	position:absolute;
	height:22px;
	width:115px;
}

.gfs_lil_A{
	position:absolute;
	font-size:12px;
	top:0px;
	/* left:2px; */
	height:22px;
	line-height:22px;
}

.gfs_big_A{
	position:absolute;
	top:0px;
	/* right:2px; */
	height:22px;
	font-size:20px;
	line-height:22px;
}

.gfs_lil_A_ltr{ left:2px;  }
.gfs_lil_A_rtl{ right:8px; }
.gfs_big_A_ltr{ right:2px; }
.gfs_big_A_rtl{ left:0px;  }


.gta_brb{
	position:absolute;
	top:5px;
	width:22px;
	height:22px;
	background-image:url("../images/keycurry.png");
}

.gta_help{
	right:5px;
	background-position:-264px 0px;
}

.gta_play{
	right:55px;
	background-position:-220px 0px;
}

.gta_pause{
	right:55px;
	background-position:-220px -44px;
}

.gta_ltr{
	right:30px;
	background-position:-198px 0px;
}

.gta_rtl{
	right:30px;
	background-position:-198px -44px;
}

.gta_sela{
	right:80px;
	background-position:-264px -44px;
}

.gta_help:hover{
	background-position:-264px -22px;
}

.gta_play:hover{
	background-position:-220px -22px;
}

.gta_pause:hover{
	background-position:-220px -66px;
}

.gta_ltr:hover{
	background-position:-198px -22px;
}

.gta_rtl:hover{
	background-position:-198px -66px;
}

.gta_sela:hover{
	right:80px;
	background-position:-264px -66px;
}

/*                                  */
/* scriptInspector : Used to detect */
/* whether device has a font for    */
/* rendering a given script         */
/*                                  */
.gc_scriptInspector{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	margin:0px;
	background-color:white;
	font-size:40px;
	opacity:0.0;
}

.gc_si_2{
	top:50px;
}

.gc_si_3{
	font-family:gcI18NFont;
	background-color:pink;
	top:100px;
}

.gc_si_4{
	font-family:gcI18NFont;
	background-color:pink;
	top:150px;
}


/*                                  */
/* text in columns                  */
/*                                  */
.textColumns{
	
	-moz-column-gap:1em;
	-moz-column-rule:1px solid #184573;
	
	-webkit-column-gap:1em;
	-webkit-column-rule:1px solid #184573;
	
	column-gap:1em;
	column-rule:1px solid #184573;
	
}

.txc1{
	
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
	
}

.txc2{
	
	-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
	
}

.txc3{
	
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
	
}

.txc4{
	
	-moz-column-count:4;
	-webkit-column-count:4;
	column-count:4;
	
}

.txc5{
	
	-moz-column-count:5;
	-webkit-column-count:5;
	column-count:5;
	
}

.txc6{
	
	-moz-column-count:6;
	-webkit-column-count:6;
	column-count:6;
	
}

.txc7{
	
	-moz-column-count:7;
	-webkit-column-count:7;
	column-count:7;
	
}

/*                     */
/*                     */
/* Keyboard Stack List */
/*                     */
/*                     */

.gc_kbstc_base{
	position:relative;
	display:block;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	border:1px solid #184573;
	height:24px;
	background-color:#fafafa;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-ms-border-radius:12px;
	cursor:pointer;
	background: #184573; /* Old browsers */
	background: -moz-linear-gradient(top, #8caeff 0%, #184573 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8caeff), color-stop(100%,#184573)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8caeff 0%,#184573 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8caeff 0%,#184573 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8caeff 0%,#184573 100%); /* IE10+ */
	background: linear-gradient(top, #8caeff 0%,#184573 100%); /* W3C */
}

.gc_kbstc_base:hover{
	background: #8caeff; /* Old browsers */
	background: -moz-linear-gradient(top, #8caeff 0%, #4980FF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8caeff), color-stop(100%,#4980FF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8caeff 0%,#4980FF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8caeff 0%,#4980FF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8caeff 0%,#4980FF 100%); /* IE10+ */
	background: linear-gradient(top, #8caeff 0%,#4980FF 100%); /* W3C */
}

.gc_KBSTC_il{
	position:absolute;
	left:2px;
	top:7px;
	width:10px;
	height:10px;
	background-image:url(../images/indicatorLED2.png);
	background-repeat:no-repeat;
	
}

.gc_KBSTC_closeable{
	position:absolute;
	top:6px;
	right:2px;
	width:12px;
	height:12px;
	background-image:url("../images/packedIcons.png");
	background-repeat:no-repeat;
	background-position:-162px -36px;
	cursor:pointer;
}

.gc_KBSTC_closeable:hover{
	background-position:-162px -18px;
}

.gc_kbstlbl{
	position:absolute;
	top:0;
	bottom:0;
	left:13px;
	right:15px;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#fff;
}

.gc_tacl{
	position:absolute;
	top:0;
	left:0;
	opacity:0.0;
	z-index:-12;
	background-color:#fff;
	border:none;
}

.gc_fe_dt{
	position:absolute;
	top:3px;
	left:3px;
	width:18px;
	height:18px;
	background-image:url("../images/packedIcons.png");
	background-position:-126px 0px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.gc_fe_dt:hover{
	background-position:-126px -18px;
}