/*
 CSS of plugins:
 	- ColorBox
	- Tiny Scrollbar
	- CUSTOM ELEMENTS
 */




/*
	Trace debug
 */
#log{ z-index:999999; width:80%; height:100px; font-family: 'Courier'; font-size:11px; background-color:rgba(0,0,0,.7); color:#FFF; overflow-y:auto; position:fixed; bottom:0; left:10%; }

/*
 	Tiny Scrollbar
 */
.scrolled { width: 400px; height:200px;  }
.scrolled .g-viewport { height: 100%; overflow: hidden; position: relative; }
.scrolled .g-overview { list-style: none; position: absolute; left: 0; top: 0; padding:0 10px 10px 0; }
.scrolled .g-thumb .end,
.scrolled .g-thumb { background-color: #333; }
.scrolled .g-scrollbar { position: relative; float: right; width: 8px; }
.scrolled .g-track { background-color: #ccc; height: 100%; width:8px; position: relative; padding: 0 1px; }
.scrolled .g-thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrolled .g-thumb .end { overflow: hidden; height: 5px; width: 8px; }
.scrolled .g-disable{ display: none; }
.g-noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }










/*
	jAlert
 */
#popup_container {	font-family: Arial, sans-serif;	font-size: 12px; min-width: 300px; max-width: 600px; background: #efefef; color: #000; box-shadow:0px 0px 30px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 30px rgba(0,0,0,.5); -moz-box-shadow:0px 0px 30px rgba(0,0,0,.5) }
#popup_title { display:none; font-size: 14px; font-weight: bold; text-align: center; line-height: 1.75em; color: #666; background: #CCC url(http://tuyendung.vinmart.com/themes/gotxinh/frontend/css/images/title.gif) top repeat-x; border: solid 1px #FFF; border-bottom: solid 1px #999; cursor: default; padding: 0em; margin: 0em;} /* Disable title */
#popup_content { padding: 10px; margin: 0; }
#popup_content.alert {}
#popup_content.confirm {}
#popup_content.prompt {}
#popup_message { text-align:center; padding:10px 0 20px}
#popup_prompt {	margin:0;}
#popup_panel {	text-align: center;	margin:0;}
#popup_panel input{ font-size:12px; text-transform:uppercase; padding:6px 20px; border:none; background:#888; color:#fff}
#popup_overlay{ background:#000; opacity:0.3;}








/*
    CUSTOM CHECKBOX | CUSTOM RADIO BOX
*/
.checkbox, .radio {width: 25px; height: 26px; padding: 0 5px 0 0; background: url(../images/input/checkbox.png) no-repeat; display: block; clear: left; float: left;}
.radio {background: url(../images/input/radio.png) no-repeat; position: relative; top: -2px; height: 24px;}


/*
    CUSTOM SELECT BOX
 */
.select-wrapper{
    display: inline-block;
    border: 1px solid #959595;
    background: url("../images/input/dropdown.png") no-repeat right center;
    cursor: pointer;
    font-family: 'opensans_semibold';
    font-size: 12px;
    position: relative;
}
.select-wrapper, .select-wrapper select{
    width: auto;
    height: 28px;
    line-height: 28px;
    display: inline-block;
}
.select-wrapper:hover{
    /*background: url("http://tuyendung.vinmart.com/themes/gotxinh/frontend/images/dropdown-hover.png") no-repeat right center;*/
}
.select-wrapper .holder{
    display: block;
    margin: 0 35px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: -1;
}
.select-wrapper select{
    margin: 0;
    position: absolute;
    left: 0;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    /* CSS hacks for older browsers */
    _noFocusLine: expression(this.hideFocus=true);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}