@import url("/inc/css/pagination_2011.css");		/* base */ 

coa, a:hover, a:link {text-decoration: none; color:black;}

.clear {clear:both;}

form, input, select, textarea {margin:0; padding:0;}
img {border:0;}


/* Misc */
h3 {font-size:18px; text-align:left; font-weight:bold; border-bottom:1px dashed #000; margin: 15 0 10 0px; padding-bottom:5px;}
 
fieldset {position:relative; width:211px; height:73px; padding:15px 15px 0 15px; border:1px solid #b7cca7; background:#f5f9f2;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; padding:0; visibility:hidden; font-size:0; line-height:0;}

.text { font: 12px/15px AppleGothic, Malgun Gothic, 맑은 고딕, Tahoma, Dotum, Gulim, Verdana, Sans-serif; border: 1px solid #ccc; color: #000; vertical-align: top; background: url(data:image/gif;base64,R0lGODlhDQAWALMAAPHx8eHh4e7u7u/v7+zs7Onp6fb29vPz8+Pj4+fn5/X19ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAANABYAAAQ6MMhJJ7o448S770UojiJhnugprGzLDnAsx0Bt3/ah7/yu/MCgcCg0GI/I42LJbDqf0Kh0Sq1ar9hpBAA7) top repeat-x #f7f7f7;  } 
.break-word { word-wrap: break-word; }	/* 줄 바꿈 */

.button_1 { font-size:8pt; border:1px solid #666666; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#dddddd', gradientType='0');}
.button_2 { font-size:8pt; border:1px solid #666666; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#cccccc', gradientType='0'); }

#div_notc, #dlv_notc {font-size:8pt; color:gray; line-height:200%; margin: 10 0 10 0; }

.cursorHand {cursor:hand;}

.strike {text-decoration: line-through;}
.strong {font-weight:bold;}



.width5 {width:5px;}
.width7 {width:7px;}
.width15 {width:15px;}
.width20 {width:20px;}
.width25 {width:25px;}
.width30 {width:30px;}
.width40 {width:40px;}
.width50 {width:50px;}
.width60 {width:60px;}
.width70 {width:70px;}
.width80 {width:80px;}
.width90 {width:90px;}
.width100 {width:100px;}
.width200 {width:200px;}

.width120 {width:120px;}
.width150 {width:150px;}
.width140 {width:140px;}
.width400 {width:400px;}

.width50p {width:50%;}
.width60p {width:60%;}
.width70p {width:70%;}
.width80p {width:80%;}
.width90p {width:90%;}
.width100p {width:100%;}

.height25 {height:25px;}

.colrRed {color:red;}
.colrBlue {color:blue;}
.colrGray {color:gray;}

.bgColrYellow {background-color:#FFFACD;}
.bgColrRed {background-color:#FFC0C0;}
.bgColrGray {background-color:#efefef;}
.bgColrGreen {background-color:#25C1C8;}
.bgColrPeach {background-color:#FCF8DC;}
.bgColrBlue2 {background-color:#336699;}
.bgColrBlue3 {background-color:#6699cc;}
.bgColrBlue4 {background-color:#99ccff;}

	
	 
.fontSize8 {font-size:8pt;}

.colrBlack {color:black;}
.colr999 {color:#999999;}
.colrRed {color:red;}

.tdTop {vertical-align: top;}
.tdBottom {vertical-align: bottom;}

.tdCenter {text-align:center;}
.tdRight {text-align:right;}
.tdLeft {text-align:left;}


/* float */
.fl 		{float:left}
.fr 		{float:right}
.fc 		{float:center}

/* font Style */
.bn		{font-weight:lighter}
.b			{font-weight:bold}
.ls0		{letter-spacing:0px}
.ls1		{letter-spacing:-1px}
.u			{text-decoration:underline} 

.ac			{text-align:center}
.ar			{text-align:right}
.al			{text-align:left}
.txt_jus	{text-align:justify}

/* font color */
.colrWhite		{color: #ffffff}
.colrBlack		{color: #000000}
.colrOrange1		{color:#FFA400}
.colrOrange2		{color:#EA4D00}
.colrOrange3		{color:#FF6000}
.colrBGreen			{color:#25C1C8}
.colrBlue			{color:#2D85FF}
.colrRed			{color:#FF2D43}

.colrGray1		{color:#999999}
.colrGray2		{color:#666666}
.colrGray3		{color:#333333}


/* font Size */
.fs0		{font-size:0px}
.fs8		{font-size:8px}
.fs9		{font-size:9px}
.fs10		{font-size:10px}
.fs11		{font-size:11px}
.fs12		{font-size:12px}
.fs13		{font-size:13px}
.fs14		{font-size:14px}
.fs15		{font-size:15px}
.fs16		{font-size:16px}
.fs18		{font-size:18px}

.fnf		{font-family:tahoma}

/* line-height */
.line_h10 {line-height:100%}
.line_h12 {line-height:120%} 
.line_h13	 {line-height:130%}
.line_h14	 {line-height:140%} 
.line_h15	 {line-height:150%} 
.line_h16	 {line-height:160%}
.line_h18	 {line-height:180%}
.line_h20	 {line-height:200%}

/* padding */
.pab1		{padding-bottom:1px}
.pab2		{padding-bottom:2px}
.pab3		{padding-bottom:3px}
.pab4		{padding-bottom:4px}
.pab5		{padding-bottom:5px}
.pab6		{padding-bottom:6px}
.pab7		{padding-bottom:7px}
.pab8		{padding-bottom:8px}
.pab9		{padding-bottom:9px}
.pab10		{padding-bottom:19px}
.pab11		{padding-bottom:11px}
.pab12		{padding-bottom:12px}

.pat1		{padding-top:1px}
.pat2		{padding-top:2px}
.pat3		{padding-top:3px}
.pat4		{padding-top:4px}
.pat5		{padding-top:5px}
.pat6		{padding-top:6px}
.pat7		{padding-top:7px}
.pat8		{padding-top:8px}
.pat9		{padding-top:9px}
.pat10		{padding-top:10px}
.pat14		{padding-top:14px}

.pal1		{padding-left:1px}
.pal2		{padding-left:2px}
.pal3		{padding-left:3px}
.pal4		{padding-left:4px}
.pal5		{padding-left:5px}
.pal6		{padding-left:6px}
.pal7		{padding-left:7px}
.pal8		{padding-left:8px}
.pal9		{padding-left:9px}
.pal10		{padding-left:10px}
.pal20		{padding-left:20px}

.par1		{padding-right:1px}
.par2		{padding-right:2px}
.par3		{padding-right:3px}
.par4		{padding-right:4px}
.par5		{padding-right:5px}
.par6		{padding-right:6px}
.par7		{padding-right:7px}
.par8		{padding-right:8px}
.par9		{padding-right:9px}
.par10		{padding-right:10px}
.par20		{padding-right:20px}



/* 기본 테이블 */
	#tblNoBorder { width:100%; font-size:8pt; 	color:#000;	background:#fff;	border-collapse:collapse; border:0px solid #999999;}  /*#DCDCDC*/
	#tbl { width:100%; font-size:8pt; 	color:#000;	background:#fff;	border-collapse:collapse; 	border:1px solid #999999;}  /*#DCDCDC*/
	#tblNoBorder thead,
	#tbl thead{ }
	#tblNoBorder thead th,
	#tbl thead th { 
		font-weight:bold;
		text-align:center; padding:5px; 
		border:1px solid #999;

	    background: #cccccc;													/* fallback (Opera) */
	    background: -moz-linear-gradient(top, #eeeeee, #cccccc);									/* Mozilla: */
	    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));					/* Chrome, Safari:*/
 /*   filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#eeeeee', EndColorStr='#cccccc', GradientType=0);		 MS IE */
		}
		
	#tblNoBorder thead tr,
	#tbl thead tr { }
	#tblNoBorder tbody th,
	#tbl tbody th { 
			font-weight:bold; text-align:center; border:1px solid #999999; 
			background: #cccccc;													/* fallback (Opera) */
	} /*border-bottom:1px dotted #CECFCE; */
	#tblNoBorder tbody tr.odd,
	#tbl tbody tr.odd {	background: repeat top left; background-color:#efefef; }
	#tblNoBorder tbody td { padding:3px;  border:0px solid #999999; text-align:left;}
	#tbl tbody td { padding:3px;  border:1px solid #999999; text-align:left; font-size:8pt; }
	#tblNoBorder td.tdCenter,
	#tbl td.tdCenter 	{padding:3px; text-align:center; vertical-align:middle;}
	#tblNoBorder td.tdRight,
	#tbl td.tdRight 	{padding:3px; text-align:right;}
	#tblNoBorder td.tdLeft,
	#tbl td.tdLeft 		{padding:3px; text-align:left;}
	
	#tblNoBorder td.noBorder,
	#tbl td.noBorder {border:0px;}
	#tblNoBorder td.noSideBorder,
	#tbl td.noSideBorder {border-left:1px solid #fff; border-right:1px solid #fff;}
	
	#tblNoBorder tr.odd td,
	#tbl tr.odd td { }
	#tblNoBorder tfoot,
	#tbl tfoot {}
	#tblNoBorder tfoot th,
	#tbl tfoot th {padding:3px;    border:1px solid #CECFCE;}
	#tblNoBorder tfoot td,
	#tbl tfoot td {padding:3px;  border:1px solid #CECFCE;}
	#tblNoBorder tfoot tr,
	#tbl tfoot tr {border-top:1px solid #CECFCE; 	font-size:8pt; 	text-align:left; }
	#tblNoBorder #colodd,
	#tbl #colodd {background-color:#EFEFE7;}	/* 새로줄 배경색*/
	
	#tblNoBorder img,
	#tbl img {border:0px;}
/*
<h1>The Very Best Eggnog</h1> 
<table id='tbl'> 
<col> 
<col id="colodd"> 
<col> 
<thead> 
	<tr><th>Ingredients</th><th>serves 12</th><th>serves 24</th></tr> 
</thead> 
<tfoot> 
	<tr><td colspan="3"></td></tr> 
</tfoot> 
<tbody> 
		<tr><td>milk</td><td>1 quart</td><td>2 quart</td></tr> 
		<tr class="odd"><td>cinnamon sticks</td><td>2</td><td>1</td></tr> 
		<tr><td>vanilla bean, split</td><td>1</td><td>2</td></tr> 
		<tr class="odd"><td>cloves</td><td>5</td><td>10</td></tr> 
		<tr><td>mace</td><td>10 blades</td><td>20 blades</td></tr> 
		<tr class="odd"><td>egg yolks</td><td>12</td><td>24</td></tr> 
		<tr><td>cups sugar</td><td>1 &frac12; cups</td><td>3 cups</td></tr> 
		<tr class="odd"><td>dark rum</td><td>1 &frac12; cups</td><td>3 cups</td></tr> 
		<tr><td>brandy</td><td>1 &frac12; cups</td><td>3 cups</td></tr> 
		<tr class="odd"><td>vanilla</td><td>1 tbsp</td><td>2 tbsp</td></tr> 
		<tr><td>half-and-half or light cream</td><td>1 quart</td><td>2 quart</td></tr> 
		<tr class="odd"><td>Freshly grated nutmeg to taste</td><td></td><td></td></tr> 
</tbody> 
</table> 
*/
 
 
/* 네비 - 샵 목록 */
.shop_lst{ width: 100%; overflow: hidden; border-bottom: 1px solid efefef; /*bottom horizontal line that runs beneath tabs*/ }
.shop_lst ul{ margin: 0; padding: 0; padding-left: 10px; /*offset of tabs relative to browser left edge*/ font: bold 12px Verdana; list-style-type: none; }
.shop_lst li{ display: inline; margin: 0; }
.shop_lst li a{ float: left; display: block; text-decoration: none; margin: 0; padding: 3px; /*padding inside each tab*/ border: 1px solid dcdcdc; /*right divider between tabs*/ color: black; background: #efefef; /*background of tabs (default state)*/ width:120px; height:25px;}
.shop_lst li a:hover, .shop_lst li.selected a{ background: ffff66; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ color:black; }
.shop_lst h3 {font-size:14px; color:blue; }
 
/* 네비 - 앨범 목록 */
.album_lst { width: 100%; overflow: hidden; border-bottom: 1px solid efefef; /*bottom horizontal line that runs beneath tabs*/ }
.album_lst ul{ margin: 0; padding: 0; padding-left: 10px; /*offset of tabs relative to browser left edge*/ font: bold 12px ; list-style-type: none; }
.album_lst li{ display: inline; margin: 0; }
.album_lst li a{ font-weight:normal; float: left; display: block; text-decoration: none; margin: 0; padding: 2; /*padding inside each tab*/ border: 1px solid dcdcdc; /*right divider between tabs*/ color: black; /*background of tabs (default state)*/ width:240px; text-align:left; font-size:11px;}
.album_lst li a:hover, .album_lst li.selected a{ background: ffff66; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ color:black; }
.album_lst h3 {font-size:14px; color:blue; }
 
/* 네비 - date*/
.navi_date { height:50px; padding-top:15px; }
 
 
/* -- Button Reset -- */
span.button,
span.button a,
span.button button,
span.button input { cursor: pointer; position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/images/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible;}
span.button { height:23px; padding:0; margin-right:2px; background-position:left top; overflow:visible;}
span.button a,
span.button button,
span.button input{ left:2px;}
span.button.large { height:29px; background-position:left -30px; }
span.button.xLarge { height:35px; background-position:left -65px; }
span.button.small { height:18px; background-position:left -107px; }
 
/* Anchor */
span.button a { padding:6px 10px 5px 8px; *padding:4px 10px 7px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
span.button.large a { padding:7px 10px 6px 8px; *padding:5px 10px 9px 8px; _top:-1px; font:16px/16px Sans-serif; background-position:right -30px;}
span.button.xLarge a { padding:8px 10px 7px 8px; *padding:6px 10px 9px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
span.button.small a { padding:4px 6px 3px 4px; *padding:2px 6px 5px 4px; font:8pt/8pt 돋움; background-position:right -107px; _top:-1px;}
 
/* Button & Input */
span.button button,
span.button input { height:23px; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
span.button.small button,
span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}
 
/* Strong */
span.button.strong * { font-weight:bold !important;}
 
/* Icon */
span.button .icon { position:relative; left:10px; margin-right:5px; vertical-align:middle; border:0; z-index:2;}
span.button.small .icon{ left:6px;}
 
/* Color */
span.button.green,
span.button.green a,
span.button.green button,
span.button.green input { background-image:url(/images/buttonGreen.gif); color:#fff;}
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input { background-image:url(/images/buttonBlack.gif); color:#fff;}
span.button.red,
span.button.red a,
span.button.red button,
span.button.red input { background-image:url(/images/buttonRed.gif); color:#fff;}
span.button.blue,
span.button.blue a,
span.button.blue button,
span.button.blue input { background-image:url(/images/buttonBlue.gif); color:#fff;}

/* BEGIN PageBar 
.pagebar, .pageBar { font-size: 10pt; font-family:verdana; padding: 0.2em 0.5em; margin-right: 0.1em; border: 1px solid #FFF; background: #FFF; text-decoration: none; margin:5px; padding:5px;}
.pagebar a, .pageList .this-page, .pageBar a, .pageList .this-page  { font-size:10pt; color: #333333; text-decoration: underline; border: 1px solid #077FF7; text-decoration: none; padding: 0.2em 0.5em; }
.pagebar a:hover, .pageBar a:hover {border: 1px solid #077FF7;} 
.pagebar a:visited, .pageBar a:visited {}
.pagebar .break, .pageBar .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebar .this-page, .pageBar .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #693; color: #FFF; }
.pagebar a:active, .pageBar a:active{color: #360; text-decoration: underline;}
.pagebar b, .pageBar b {border: 1px solid #E3E3E3; padding: 0.2em 0.5em;}
*/
.pagebar, .pageBar { font-size: 10pt; font-family:verdana; padding: 3 7; margin-right: 0.1em; border: 1px solid #FFF; background: #FFF; text-decoration: none; margin:8px;}
.pagebar a, .pageList .this-page, .pageBar a, .pageList .this-page  { font-size:10pt; color: #333333; text-decoration: underline; border: 1px solid #fff; text-decoration: none; padding: 7px; }
.pagebar a:hover, .pageBar a:hover {border: 1px solid #077FF7; color:#077FF7; } 
.pagebar a:visited, .pageBar a:visited {}
.pagebar .break, .pageBar .break { padding: 3px 7px; border: none; background: #FFF; text-decoration: none; }
.pagebar .this-page, .pageBar .this-page { border: 1px solid #077FF7; padding: 7px; font-weight: bold; background: #fff; color: #077FF7; }
.pagebar a:active, .pageBar a:active{color: #360; text-decoration: underline;}
.pagebar b, .pageBar b {border: 1px solid #E3E3E3; padding: 3 7px;}

/* Album Jacket */
.album_jacket, .playa_photo {border: 1px solid #999999;}		/* 앨범자켓, 아티스트 사진*/



	 
/* 창 출력용 
	jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 7%;
    left: 50%;
    
    margin-left: -300px;
    width: 400px;
    
    background-color: #EEE;
    color: #333;
    border: 4px solid #ffcc33;
    padding: 12px;
    
    z-index:500;		/* for datepicker */
}

.jqmOverlay { background-color: #000; overlay: 22; z-index:200px;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;  /*-1*/
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
	z-index:600px;
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmTitle {padding-bottom:15px; cursor: move;}
.jqmClose {border:2px solid #cdcdcd; float:right; display:block; width:20px; height:20px; background:url(/images/close_icon_double.png) no-repeat;}

#jqmDialog_Title {font-weight:bold; float:left; } /* Dialog 제목 */

.jqmWindow input[type=text] { 
	width:90%;
	font: 12px/15px AppleGothic, Malgun Gothic, 맑은 고딕, Tahoma, Dotum, Gulim, Verdana, Sans-serif; border: 1px solid #ccc; color: #000; vertical-align: top; background: url(data:image/gif;base64,R0lGODlhDQAWALMAAPHx8eHh4e7u7u/v7+zs7Onp6fb29vPz8+Pj4+fn5/X19ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAANABYAAAQ6MMhJJ7o448S770UojiJhnugprGzLDnAsx0Bt3/ah7/yu/MCgcCg0GI/I42LJbDqf0Kh0Sq1ar9hpBAA7) top repeat-x #f7f7f7; 
}
#jqmDialog p.Content {clear:both;}


/* DDMS */
.ddms_menuInfo {text-align:left; padding:10 0 0 10; margin:0;}
.ddms_menuInfo div.title {font-weight:bold;}
.ddms_menuInfo ul.item {padding:5 0 0 10; margin:0;}


/* Base Layout Framework - 참고 - http://firejune.com/1643 */ 
.layout_row{ display:table; width:100%; margin:0 auto;}
.layout_cell{ display:table-cell; vertical-align:top; padding-left:0px }







/* UI Controls */
 
/* Currently we can't make custom focus outlines look right on the Mac, so
 * we stick to native focus rings. Once outlines follow border radius, we
 * can revisit.
 */
html:not([os=mac]) button:focus,
html:not([os=mac]) input:focus,
html:not([os=mac]) input[type='submit']:focus,
html:not([os=mac]) select:focus {
  outline-color: rgba(0, 128, 256, 0.5);
}
html[os=mac] button:focus,
html[os=mac] input[type='submit']:focus {
  outline-offset: -2px;
}
 
/* TEXT */
input[type='password'],
input[type='text'],
input[type='url']{
  -webkit-border-radius: 2px;
  border: 1px solid #aaa;
  /*font-size: inherit;*/
  font-size: 9pt;
  margin: 0;
  padding: 0;
}
 
/* BUTTON */
button,
input[type='button'],
input[type='submit'] {
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border: 1px solid #aaa;
  color: #444;
  font-size: 9pt;
  margin:0;
  min-width: 1.5em;
  padding: 3px 8px 2px 8px;
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#dddddd', gradientType='0'); /**/
}
 
button:hover,
input[type='button']:hover,
input[type='submit']:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  border-color: #999;
  color: #222;
}
 
button:active,
input[type='button']:active,
input[type='submit']:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #333;
}
 
button[disabled],
input[type='button'][disabled],
input[type='submit'][disabled],
button[disabled]:hover,
input[type='button'][disabled]:hover,
input[type='submit'][disabled]:hover {
  -webkit-box-shadow: none;
  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  border-color: #aaa;
  color: #888;
}
 
/* SELECT */
select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA5MDMwMzEzMUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA5MDMwMzE0MUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDkwMzAzMTExRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDkwMzAzMTIxRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pY8xsAAAAbUlEQVR42mL8//8/AzmAEYijgJgHj5ovQMOXYYgmAgEzM/M3IPM/OgaJg+RBrkLHIEJhwYIFC9nY2H4iawLxQeIgeVwaMTQT0oSsEa6Zj4/vCyFN6BrBmt++fdtESBMIM2KJDlYg/k0oOgACDABJirkKokz/DAAAAABJRU5ErkJggg=="), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  color: #555;
  font-size: 9pt;
  margin: 0;
  overflow: hidden;
  padding: 2px 6px 2px 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
} 

select:hover {
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA5MDMwMzEzMUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA5MDMwMzE0MUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDkwMzAzMTExRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDkwMzAzMTIxRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pY8xsAAAAbUlEQVR42mL8//8/AzmAEYijgJgHj5ovQMOXYYgmAgEzM/M3IPM/OgaJg+RBrkLHIEJhwYIFC9nY2H4iawLxQeIgeVwaMTQT0oSsEa6Zj4/vCyFN6BrBmt++fdtESBMIM2KJDlYg/k0oOgACDABJirkKokz/DAAAAABJRU5ErkJggg=="), -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
  color: #333;
}
 
select:active {
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA5MDMwMzEzMUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA5MDMwMzE0MUVBRTExRTA5NUM0QzJENTZCN0I5Mjk1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDkwMzAzMTExRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDkwMzAzMTIxRUFFMTFFMDk1QzRDMkQ1NkI3QjkyOTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5pY8xsAAAAbUlEQVR42mL8//8/AzmAEYijgJgHj5ovQMOXYYgmAgEzM/M3IPM/OgaJg+RBrkLHIEJhwYIFC9nY2H4iawLxQeIgeVwaMTQT0oSsEa6Zj4/vCyFN6BrBmt++fdtESBMIM2KJDlYg/k0oOgACDABJirkKokz/DAAAAABJRU5ErkJggg=="), -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
  color: #444;
}
 
/* CHECKBOX, RADIO */
input[type=checkbox],
input[type=radio] {
  margin-left: 0;
  margin-right: 0;
  position: relative;
  top: 1px;
}
 
/* Checkbox and radio buttons have different sizes on different platforms. The
 * following rules have platform specific tweaks.
 * TODO(arv): Test the vertical position on Linux and CrOS as well.
 */
 
label > input[type=checkbox],
label > input[type=radio] {
  margin-top: 1px;
}