Orbit/app/assets/stylesheets/desktop/desktop-component.css

/* simple dropdown menu */
.sdm {
	position: relative;
}
.sdm_t { 
	cursor: default;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.sdm:hover .sdm_o {
	display: block;
}
.sdm_o {
	display: none;
	position: absolute;
	z-index: 9;
	left: 0;
	top: 60px;
	font-size: 15px;
	}
.sdm_o li {
	border-top: solid 1px #f2f2f2;
}
.sdm_o li:first-child {
	border: none;
}
.sdm_o a {
	display: block;
}
.sdm_o .admtxt {
	display: block;
	line-height: 36px;
}

/* simple dropdown menu with indicator */
.sdm_mdr .sdm_t {
	padding-right: 12px;
}
.sdm_mdr .mdr {
	position: absolute;
	right: 0;
}

/* simple menu */
.s_menu { 
	font-size: 15px;
	line-height: 36px;
}
.s_menu li {
	border-top: solid 1px #ddd;
}
.s_menu li:first-child {
	border: none;
}
.s_menu a {
	display: block;
}

/* simple tabs */
.s_tab {
	font-size: 15px;
	line-height: 36px;
}
.stb_h {}
.stb_v {}
.s_tab ul {
	overflow: hidden;
}
.s_tab li {
	float: left;
}
.s_tab a {
	display: block;
}
.s_tab .admbg {
	background-color: #f0f0f0;
}
.st_c {
	display: none;
}
.st_c:first-child {
	display: block;
}

/* simple form */
.s_form {
	font-size: 15px;
}
.s_form li {
	overflow: hidden;
	padding: 6px;
	margin-bottom: 12px;
	position: relative;
}
.s_form .s_grid_row {
	padding: 3px;
	margin-bottom: 6px;
}
.s_form label {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin-right: 24px;
	color: #777;
}
.s_form input[type=text],
.s_form input[type=password],
.s_form textarea{
	outline: solid 3px #f6f6f6;
	border: solid 1px #eee;
	font-size: 15px;
	font-family: Arial !important;
	margin: 0;
	padding: 6px;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.s_form select {
	font-family: Arial !important;
	padding: 6px; height: auto;
}
.s_form input[type=file] {
	margin: 0px;
	vertical-align: baseline;
}
.s_form input[type=text]:focus,
.s_form input[type=password]:focus,
.s_form textarea:focus {
	background-color: #333;
	color: #fff;
}
.s_form textarea {
	resize: none;
}
.check_box_g {
	padding: 4px 8px;
	outline: solid 1px #eee;
}
.check_box_g > label {
	font-size: 15px;
	display: block;
	padding: 4px 0;
}
.check_box_g li { 
	margin: 0 6px 6px 0;
	padding: 0;
}
.check_box_g li,
.check_box_g li > * {
	display: inline-block;
	vertical-align: middle;
}
.check_box_g label { 
	width: auto;
	margin: 0;
}
.check_box_g li label {
	padding-left: 4px;
	font-family: Arial;
}
.s_form .input_append { 
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	right: 5px;
	top: 5px;
	display: block;
	background-color: #fff;
}
.s_form.s_grid_con {
	width: 416px;
}
.s_form .s_grid_row {
	width: 410px;
}
.s_form .s_grid_row .s_grid:first-child {
	margin-left: 0;
}
.s_form input[type=text].s_grid,
.s_form input[type=passowrd].s_grid,
.s_form textarea.s_grid,
.s_form label.s_grid,
.s_form select.s_grid {
	margin-left: 10px;
}
.s_form input[type=text].s_grid_1,
.s_form input[type=passowrd].s_grid_1,
.s_form textarea.s_grid_1 {
	width: 46px;
}
.s_form input[type=text].s_grid_2,
.s_form input[type=passowrd].s_grid_2,
.s_form textarea.s_grid_2 {
	width: 116px;
}
.s_form input[type=text].s_grid_3,
.s_form input[type=passowrd].s_grid_3,
.s_form textarea.s_grid_3 {
	width: 186px;
}
.s_form input[type=text].s_grid_4,
.s_form input[type=passowrd].s_grid_4,
.s_form textarea.s_grid_4 {
	width: 256px;
}
.s_form input[type=text].s_grid_5,
.s_form input[type=passowrd].s_grid_5,
.s_form textarea.s_grid_5 {
	width: 326px;
}
.s_form input[type=text].s_grid_6,
.s_form input[type=passowrd].s_grid_6,
.s_form textarea.s_grid_6 {
	width: 396px;
}
.s_form select.s_grid_1 {
	width: 60px;
}
.s_form select.s_grid_2 {
	width: 130px;
}
.s_form select.s_grid_3 {
	width: 200px;
}
.s_form select.s_grid_4 {
	width: 270px;
}
.s_form select.s_grid_5 {
	width: 340px;
}
.s_form select.s_grid_6 {
	width: 410px;
}
.s_form label.s_grid {
	line-height: 34px;
}
.s_form select.s_grid {
	height: 26px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.s_form textarea.full_height {
	height: 436px;
}
.s_form .s_table {
	width: 100%;
}
.s_form .s_table th,
.s_form .s_table td {
	padding: 6px 0;
}
.s_form .s_table th {
	text-align: left;
}
.s_form .s_table td {
	vertical-align: middle;
}
.s_form .s_table thead th {
	border-bottom: solid 1px #eee;
}

/* tool bar */
.toolbar {
	background-color: #f0f0f0;
	font-size: 15px;
	line-height: 36px;
	position: relative;
	z-index: 9;
}
.toolbar .sdm, .toolbar .fn_g {
	display: inline-block;
	vertical-align: top;
}
.toolbar .sdm_o {
	top: 36px;
	background-color: #f0f0f0;
}
.toolbar button {
	border: none;
	outline: none;
	padding: 0 16px;
	margin: 0;
	font-family: inherit;
	font-size: 15px;
	vertical-align: top;
}
.toolbar .fn_btn {
	display: inline-block;
	vertical-align: top;
}

/* tinygrid */
.s_grid_con {
	width: 410px;
}
.s_grid_row {
	overflow: hidden;
	margin-bottom: 12px;
}
.s_grid_row .s_grid:first-child {
	margin-left: 0;
}
.s_grid {
	float: left;
	margin: 0 0 0 10px;
}
.s_grid_con .s_grid_1 { 
	width: 60px;
}
.s_grid_con .s_grid_2 {
	width: 130px;
}
.s_grid_con .s_grid_3 {
	width: 200px;
}
.s_grid_con .s_grid_4 {
	width: 270px;
}
.s_grid_con .s_grid_5 {
	width: 340px;
}
.s_grid_con .s_grid_6 {
	width: 410px;
}

/* tiny scrollbar */
.tinycanvas {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.tinycanvas .viewport {
	width: auto;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.tinycanvas .overview {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 100%;
	height: 100%;
}
.tinycanvas .track {
	height: 100%;
	width: 6px;
	position: relative;
}
.tinycanvas .thumb {
	height: 6px;
	width: 6px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.tinycanvas .thumb .end {
	overflow: hidden;
	height: 6px;
	width: 6px;
}
.noSelect {
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
		 -o-user-select: none;
			user-select: none;	
}
.tinycanvas .scrollbar {
	position: absolute;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;
}
.tinycanvas .scrollbar.dragging {
	opacity: 1;
	visibility: visible;
}
.tinycanvas .scrollbar.sb_h {
	left: 0;
	bottom: -6px;
	height: 6px;
}
.tinycanvas .scrollbar.sb_v {
	right: 0;
	top: 0;
	width: 6px;
}
.tinycanvas .scrollbar.disable,
.tinycanvas:hover .scrollbar.disable {
	visibility: hidden !important;
}
.tinycanvas:hover .scrollbar {
	visibility: visible;
	opacity: 1;
}
.tinycanvas .overview > .column {
	float: left;
	border-left: solid 1px #eee;
	padding: 0 12px;
	height: 100%;
}
.tinycanvas .overview > .column:first-child {
	padding-left: 0;
	border-left: 0;
}
.toolbar + .tinycanvas,
.s_tab + .tinycanvas {
	height: 480px;
}