tcn-yellowpages styles

style.styl

colorGrey = #eee
colorEven = colorGrey
colorOdd = #fff
colorBg = #fff
mainColor = #EF8500
secondaryColor = #0058A0
colorLoginLinks = secondaryColor
colorLinks = secondaryColor
colorLinksHover = mainColor
colorMainTitle = secondaryColor
colorBtn = mainColor
colorBtnHover = secondaryColor
colorText = #666
colorTableHeader = secondaryColor
colorNav = mainColor
colorNavHover = #fff
colorNavTextHover = secondaryColor
colorNavSeparator = #fff
colorNavActive = #fff
colorNavText = #fff
colorNavActiveText = secondaryColor
colorFooter = secondaryColor
colorFooterTxt = #fff
colorDate = #fff
colorSidebarActiveBg = colorGrey
colorSidebarActiveText = #000
pageWidth = 1000px

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section
	display block

audio
	&:not([controls])
		display none

html
	font-size 100%
	-webkit-text-size-adjust 100%
	-ms-text-size-adjust 100%

a
	color colorLinks
	font-weight bold
	text-decoration none
	outline 0 none !important
	transition all 0.3s ease-out
	&:focus
		outline thin dotted
		outline 5px auto 0
		outline-offset -2px
	&:hover
		color colorLinksHover
		outline 0
	&:active
		outline 0
	&.thumbnail
		&:hover
			border-color #0088cc
			-webkit-box-shadow 0 1px 4px rgba(0,105,214,0.25)
			-moz-box-shadow 0 1px 4px rgba(0,105,214,0.25)
			box-shadow 0 1px 4px rgba(0,105,214,0.25)
	&.btn-postulate
		width 155px
img
	max-width 100%
	height auto
	border 0
	outline none
	-ms-interpolation-mode bicubic

button,input,select,textarea
	margin 0
	font-size 100%
	vertical-align middle

button,input
	overflow visible
	line-height normal

button::-moz-focus-inner,input::-moz-focus-inner
	padding 0
	border 0

button,input[type=button],input[type=reset],input[type=submit]
	cursor pointer
	-webkit-appearance button

input[type=search]
	-webkit-appearance textfield
	-webkit-box-sizing content-box
	-moz-box-sizing content-box
	box-sizing content-box

input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button
	-webkit-appearance none

textarea
	overflow auto
	vertical-align top
	height auto

body
	margin 0
	font-family Arial, sans-serif
	font-size 13px
	line-height 18px
	color colorText
	background colorBg
	padding-top 0
	padding-bottom 0

.row
	*zoom 1
	&:after
		clear both

.row:before,.row:after
	display table
	content ""

[class*=span]
	float left
	margin-left 20px

.span1
	width 60px

.span2
	width 140px

.span3
	width 220px

.span4
	width 300px

.span5
	width 380px

.span6
	width 460px

.span7
	width 540px

.span8
	width 620px

.span9
	width 700px
	&.content-general
		.row
			.span3
				width auto
				float right

.span10
	width 780px

.span11
	width 860px

.span12,.container
	width 960px

.offset1
	margin-left 100px

.offset2
	margin-left 180px

.offset3
	margin-left 260px

.offset4
	margin-left 340px

.offset5
	margin-left 420px

.offset6
	margin-left 500px

.offset7
	margin-left 580px

.offset8
	margin-left 660px

.offset9
	margin-left 740px

.offset10
	margin-left 820px

.offset11
	margin-left 900px

.row-fluid
	width 100%
	zoom 1
	&:after
		clear both
	& > [class*=span]
		float left
		margin-left 2.13%
	& > [class*=span]:first-child
		margin-left 0
	.span1
		width 6.38%
	.span2
		width 14.89%
	.span3
		width 23.4%
	.span4
		width 31.91%
	.span5
		width 40.43%
	.span6
		width 48.94%
	.span7
		width 57.45%
	.span8
		width 65.96%
	.span9
		width 74.47%
	.span10
		width 82.98%
	.span11
		width 91.49%
	.span12
		width 100%

.row-fluid:before,.row-fluid:after
	display table
	content ""

.container
	width pageWidth
	margin auto
	padding-bottom 50px
	//box-shadow 0 0 3px 3px #ccc
	zoom 1
	border-left 1px solid #ccc\9
	border-right 1px solid #ccc\9
	border-top 1px solid #ccc\9
	&:after
		clear both
	& > .alert
		margin 19px 0 0 19px
		width 890px
	.container
		box-shadow none
		border none

.container:before,.container:after
	display table
	content ""

.container-fluid
	padding-left 20px
	padding-right 20px
	zoom 1
	&:after
		clear both

.container-fluid:before,.container-fluid:after
	display table
	content ""

p
	margin 0 0 9px
	font-family Arial, sans-serif
	font-size 13px
	line-height 18px
	small
		font-size 11px
		color #999999
	&.footer-left
		color #fff
		float left
		line-height 50px
	&.footer-logo
		background url("../img/logo-bottom.png") no-repeat
		width 170px
		height 45px
		margin-top 12px !important
		margin-right 10px !important
	&.footer-right
		color colorFooterTxt
		float right
		text-align right
		margin-top 25px
.lead
	margin-bottom 18px
	font-size 20px
	font-weight 200
	line-height 27px

h1,h2,h3,h4,h5,h6
	margin 0
	font-weight bold
	color #333333
	text-rendering optimizelegibility

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small
	font-weight normal
	color #999999

h1
	font-family arial
	font-size 24px
	line-height 33px
	margin-bottom 15px
	small
		font-size 18px

h2
	font-size 24px
	line-height 36px
	small
		font-size 18px

h3
	line-height 27px
	font-size 18px
	small
		font-size 14px

h4,h5,h6
	line-height 18px

h4
	font-size 14px
	small
		font-size 12px

h5
	font-size 12px

h6
	font-size 11px
	color #999999
	text-transform uppercase

.page-header
	padding-bottom 17px
	margin 18px 0
	border-bottom 1px solid #eeeeee
	h1
		line-height 1

ul,ol
	padding 0
	margin 0 0 9px 25px

ul ul,ul ol,ol ol,ol ul
	margin-bottom 0

ul
	list-style disc
	&.unstyled
		margin-left 0
		list-style none

ol
	list-style decimal

li
	line-height 21px

dl
	margin-bottom 18px

dt,dd
	line-height 18px

dt
	font-weight bold

dd
	margin-left 9px

hr
	margin 18px 0
	border 0
	border-top 1px solid #e5e5e5
	border-bottom 1px solid white

strong
	font-weight bold

em
	font-style italic

.muted
	color #999999

abbr
	font-size 90%
	text-transform uppercase
	border-bottom 1px dotted #ddd
	cursor help

blockquote
	padding 0 0 0 15px
	margin 0 0 18px
	border-left 5px solid #eeeeee
	p
		margin-bottom 0
		font-size 16px
		font-weight 300
		line-height 22.5px
	small
		display block
		line-height 18px
		color #999999
		&:before
			content '\2014 \00A0'
	&.pull-right
		float right
		padding-left 0
		padding-right 15px
		border-left 0
		border-right 5px solid #eeeeee

blockquote.pull-right p,blockquote.pull-right small
	text-align right

q:before,q:after,blockquote:before,blockquote:after
	content ""

address
	display block
	margin-bottom 18px
	line-height 18px
	font-style normal

small
	font-size 100%

cite
	font-style normal

code,pre
	border-radius 3px
	color #333333
	font-family Menlo, Monaco, "Courier New", monospace
	font-size 12px
	padding 0 3px 2px

code
	padding 3px 4px
	color #d14
	background-color #f7f7f9
	border 1px solid #e1e1e8

pre
	background-color #f5f5f5
	border 1px solid #ccc
	border-radius 4px
	display block
	font-size 12px
	line-height 18px
	margin 0 0 9px
	padding 8.5px
	white-space pre
	word-break break-all
	&.prettyprint
		margin-bottom 18px
	code
		padding 0
		background-color transparent

form
	margin 0 0 18px

fieldset
	padding 0
	margin 0
	border 0

legend
	display block
	width 100%
	padding 0
	margin-bottom 27px
	font-size 19.5px
	line-height 36px
	color #333333
	border 0
	border-bottom 1px solid #eee

label,input,button,select,textarea
	font-family Arial, sans-serif
	font-size 13px
	font-weight normal
	line-height 18px

label
	display block
	margin-bottom 5px
	color #333333

input,textarea,select,.uneditable-input
	border 1px solid #ccc
	border-radius 3px
	color #555555
	display inline-block
	font-size 13px
	height 18px
	line-height 18px
	margin-bottom 9px
	padding 4px
	width 210px

.uneditable-textarea
	width auto
	height auto

label input,label textarea,label select
	display block

input[type=image],input[type=checkbox],input[type=radio]
	width auto
	height auto
	padding 0
	margin 3px 0
	margin-top 0
	line-height normal
	border 0
	cursor pointer
	border-radius 0 0

input[type=file]
	padding initial
	line-height initial
	border initial
	background-color white
	background-color initial
	-webkit-box-shadow none
	-moz-box-shadow none
	box-shadow none

input[type=button],input[type=reset],input[type=submit]
	width auto
	height auto

select,input[type=file]
	height 28px
	margin-top 4px
	line-height 28px

select
	width 220px
	background-color white

select[multiple],select[size]
	height auto

input[type=image]
	-webkit-box-shadow none
	-moz-box-shadow none
	box-shadow none

input[type=hidden]
	display none

.radio,.checkbox
	padding-left 18px

.radio input[type=radio],.checkbox input[type=checkbox]
	float left
	margin-left -18px

.controls > .radio:first-child,.controls > .checkbox:first-child
	padding-top 5px

.radio.inline,.checkbox.inline
	display inline-block
	margin-bottom 0
	vertical-align middle

.radio.inline + .radio.inline,.checkbox.inline + .checkbox.inline
	margin-left 10px

.controls > .radio.inline:first-child,.controls > .checkbox.inline:first-child
	padding-top 0

input,textarea
	box-shadow inset 0 1px 1px rgba(0,0,0,0.075)
	-webkit-transition border linear .2s box-shadow linear .2s
	transition border linear .2s box-shadow linear .2s

input:focus,textarea:focus
	border-color rgba(82,168,236,0.8)
	box-shadow inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6)
	outline 0
	outline thin dotted \9

input[type=file]:focus,input[type=checkbox]:focus,select:focus
	box-shadow none
	outline thin dotted
	outline 5px auto 0
	outline-offset -2px

.input-mini
	width 60px

.input-small
	width 90px

.input-medium
	width 150px

.input-large
	width 210px

.input-xlarge
	width 270px

.input-xxlarge
	width 530px

input[class*=span],select[class*=span],textarea[class*=span],.uneditable-input
	float none
	margin-left 0

input.span1,textarea.span1,.uneditable-input.span1
	width 50px

input.span2,textarea.span2,.uneditable-input.span2
	width 130px

input.span3,textarea.span3,.uneditable-input.span3
	width 210px

input.span4,textarea.span4,.uneditable-input.span4
	width 290px

input.span5,textarea.span5,.uneditable-input.span5
	width 370px

input.span6,textarea.span6,.uneditable-input.span6
	width 450px

input.span7,textarea.span7,.uneditable-input.span7
	width 530px

input.span8,textarea.span8,.uneditable-input.span8
	width 610px

input.span9,textarea.span9,.uneditable-input.span9
	width 690px

input.span10,textarea.span10,.uneditable-input.span10
	width 770px

input.span11,textarea.span11,.uneditable-input.span11
	width 850px

input.span12,textarea.span12,.uneditable-input.span12
	width 930px

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]
	background-color #f5f5f5
	border-color #ddd
	cursor not-allowed

.control-group.warning > label,.control-group.warning .help-block,.control-group.warning .help-inline
	color #c09853

.control-group.warning input,.control-group.warning select,.control-group.warning textarea
	color #c09853
	border-color #c09853

.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus
	border-color #a47e3c
	-webkit-box-shadow 0 0 6px #dbc59e
	-moz-box-shadow 0 0 6px #dbc59e
	box-shadow 0 0 6px #dbc59e

.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on
	color #c09853
	background-color #fcf8e3
	border-color #c09853

.control-group.error > label,.control-group.error .help-block,.control-group.error .help-inline
	color #b94a48

.control-group.error input,.control-group.error select,.control-group.error textarea
	color #b94a48
	border-color #b94a48

.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus
	border-color #a47e3c
	-webkit-box-shadow 0 0 6px #dbc59e
	-moz-box-shadow 0 0 6px #dbc59e
	box-shadow 0 0 6px #dbc59e

.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on
	color #b94a48
	background-color #f2dede
	border-color #b94a48

.control-group.success > label,.control-group.success .help-block,.control-group.success .help-inline
	color #468847

.control-group.success input,.control-group.success select,.control-group.success textarea
	color #468847
	border-color #468847

.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus
	border-color #a47e3c
	-webkit-box-shadow 0 0 6px #dbc59e
	-moz-box-shadow 0 0 6px #dbc59e
	box-shadow 0 0 6px #dbc59e

.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on
	color #468847
	background-color #dff0d8
	border-color #468847

input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid
	color #b94a48
	border-color #ee5f5b

input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus
	border-color #e9322d
	-webkit-box-shadow 0 0 6px #f8b9b7
	-moz-box-shadow 0 0 6px #f8b9b7
	box-shadow 0 0 6px #f8b9b7

.form-actions
	padding 17px 20px 18px
	margin-top 18px
	margin-bottom 18px
	background-color #f5f5f5
	border-top 1px solid #ddd

.uneditable-input
	display block
	background-color white
	border-color #eee
	-webkit-box-shadow inset 0 1px 2px rgba(0,0,0,0.025)
	-moz-box-shadow inset 0 1px 2px rgba(0,0,0,0.025)
	box-shadow inset 0 1px 2px rgba(0,0,0,0.025)
	cursor not-allowed

:-moz-placeholder
	color #999999

::-webkit-input-placeholder
	color #999999

.help-block
	margin-top 5px
	margin-bottom 0
	color #999999

.help-inline
	display inline-block
	display inline
	zoom 1
	margin-bottom 9px
	vertical-align middle
	padding-left 5px

.input-prepend,.input-append
	margin-bottom 5px
	zoom 1

.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after
	display table
	content ""

.input-prepend:after,.input-append:after
	clear both

.input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input
	border-radius 0 3px 3px 0

.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus
	position relative
	z-index 2

.input-prepend .uneditable-input,.input-append .uneditable-input
	border-left-color #ccc

.input-prepend .add-on,.input-append .add-on
	background #f5f5f5
	border 1px solid #ccc
	border-radius 3px 0 0 3px
	color #999999
	display block
	float left
	font-weight normal
	height 18px
	line-height 18px
	margin-right -1px
	min-width 16px
	padding 4px 5px
	text-align center
	text-shadow 0 1px 0 white
	width auto

.input-prepend .active,.input-append .active
	background-color #a9dba9
	border-color #46a546

.input-prepend
	.add-on
		margin-top 1px

.input-append input,.input-append .uneditable-input
	border-radius 3px 0 0 3px
	float left

.input-append
	.uneditable-input
		border-right-color #ccc
	.add-on
		border-radius 0 3px 3px 0
		margin-left -1px
		margin-right 0
	input
		&:first-child
			margin-left -160px
			& + .add-on
				margin-left -21px

.search-query
	border-radius 14px
	margin-bottom 0
	padding-left 14px
	padding-right 14px

.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input
	display inline-block
	margin-bottom 0

.form-search label,.form-inline label,.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend
	display inline-block

.form-search .input-append .add-on,.form-inline .input-prepend .add-on,.form-search .input-append .add-on,.form-inline .input-prepend .add-on
	vertical-align middle

.control-group
	margin-bottom 9px

.form-horizontal
	legend
		& + .control-group
			margin-top 18px
			-webkit-margin-top-collapse separate
	.control-group
		margin-bottom 18px
		zoom 1
		&:after
			clear both
		& > label
			float left
			width 140px
			padding-top 5px
			text-align right
			width 200px
			text-align left
			margin-left 20px
	.controls
		margin-left 160px
	.form-actions
		padding-left 160px

.form-horizontal .control-group:before,.form-horizontal .control-group:after
	display table
	content ""

.align-right
	text-align right

table
	max-width 100%
	border-collapse collapse
	border-spacing 0
	.span1
		float none
		width 44px
		margin-left 0
	.span2
		float none
		width 124px
		margin-left 0
	.span3
		float none
		width 204px
		margin-left 0
	.span4
		float none
		width 284px
		margin-left 0
	.span5
		float none
		width 364px
		margin-left 0
	.span6
		float none
		width 444px
		margin-left 0
	.span7
		float none
		width 524px
		margin-left 0
	.span8
		float none
		width 604px
		margin-left 0
	.span9
		float none
		width 684px
		margin-left 0
	.span10
		float none
		width 764px
		margin-left 0
	.span11
		float none
		width 844px
		margin-left 0
	.span12
		float none
		width 924px
		margin-left 0

.table-list-app
	background #000
	tbody
		.odd
			background colorOdd
		.even
			background colorEven

.table-list-app tbody td,.table-list-app tbody th
	border none

.table
	width 100%
	margin-bottom 18px
	th
		font-weight bold
		vertical-align bottom
	td
		vertical-align top
	tbody
		& + tbody
			border-top 2px solid #ddd

.table th,.table td
	padding 8px
	line-height 18px
	text-align left
	border-top 1px solid #ddd

.table thead:first-child tr th,.table thead:first-child tr td
	border-top 0

.table-condensed th,.table-condensed td
	padding 4px 5px

.table-bordered
	border 1px solid #ddd
	border-collapse collapsed
	border-collapse separate
	border-radius 4px

.table-bordered th + th,.table-bordered td + td,.table-bordered th + td,.table-bordered td + th
	border-left 1px solid #ddd

.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td
	border-top 0

.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child
	border-radius 4px 0 0 0

.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child
	border-radius 0 4px 0 0

.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child
	border-radius 0 0 0 4px

.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child
	border-radius 0 0 4px 0

.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th
	background #f9f9f9

[class^=icon-]
	display inline-block
	width 14px
	height 14px
	vertical-align text-top
	background-image url('img/glyphicons-halflings.png')
	background-position 14px 14px
	background-repeat no-repeat
	margin-right .3em

[class^=icon-]:last-child
	margin-left 0

.icon-white
	background-image url('img/glyphicons-halflings-white.png')

.icon-glass
	background-position 0 0

.icon-music
	background-position -24px 0

.icon-search
	background-position -48px 0

.icon-envelope
	background-position -72px 0

.icon-heart
	background-position -96px 0

.icon-star
	background-position -120px 0

.icon-star-empty
	background-position -144px 0

.icon-user
	background-position -168px 0

.icon-film
	background-position -192px 0

.icon-th-large
	background-position -216px 0

.icon-th
	background-position -240px 0

.icon-th-list
	background-position -264px 0

.icon-ok
	background-position -288px 0

.icon-remove
	background-position -312px 0

.icon-zoom-in
	background-position -336px 0

.icon-zoom-out
	background-position -360px 0

.icon-off
	background-position -384px 0

.icon-signal
	background-position -408px 0

.icon-cog
	background-position -432px 0

.icon-trash
	background-position -456px 0

.icon-home
	background-position 0 -24px

.icon-file
	background-position -24px -24px

.icon-time
	background-position -48px -24px

.icon-road
	background-position -72px -24px

.icon-download-alt
	background-position -96px -24px

.icon-download
	background-position -120px -24px

.icon-upload
	background-position -144px -24px

.icon-inbox
	background-position -168px -24px

.icon-play-circle
	background-position -192px -24px

.icon-repeat
	background-position -216px -24px

.icon-refresh
	background-position -240px -24px

.icon-list-alt
	background-position -264px -24px

.icon-lock
	background-position -287px -24px

.icon-flag
	background-position -312px -24px

.icon-headphones
	background-position -336px -24px

.icon-volume-off
	background-position -360px -24px

.icon-volume-down
	background-position -384px -24px

.icon-volume-up
	background-position -408px -24px

.icon-qrcode
	background-position -432px -24px

.icon-barcode
	background-position -456px -24px

.icon-tag
	background-position 0 -48px

.icon-tags
	background-position -25px -48px

.icon-book
	background-position -48px -48px

.icon-bookmark
	background-position -72px -48px

.icon-print
	background-position -96px -48px

.icon-camera
	background-position -120px -48px

.icon-font
	background-position -144px -48px

.icon-bold
	background-position -167px -48px

.icon-italic
	background-position -192px -48px

.icon-text-height
	background-position -216px -48px

.icon-text-width
	background-position -240px -48px

.icon-align-left
	background-position -264px -48px

.icon-align-center
	background-position -288px -48px

.icon-align-right
	background-position -312px -48px

.icon-align-justify
	background-position -336px -48px

.icon-list
	background-position -360px -48px

.icon-indent-left
	background-position -384px -48px

.icon-indent-right
	background-position -408px -48px

.icon-facetime-video
	background-position -432px -48px

.icon-picture
	background-position -456px -48px

.icon-pencil
	background-position 0 -72px

.icon-map-marker
	background-position -24px -72px

.icon-adjust
	background-position -48px -72px

.icon-tint
	background-position -72px -72px

.icon-edit
	background-position -96px -72px

.icon-share
	background-position -120px -72px

.icon-check
	background-position -144px -72px

.icon-move
	background-position -168px -72px

.icon-step-backward
	background-position -192px -72px

.icon-fast-backward
	background-position -216px -72px

.icon-backward
	background-position -240px -72px

.icon-play
	background-position -264px -72px

.icon-pause
	background-position -288px -72px

.icon-stop
	background-position -312px -72px

.icon-forward
	background-position -336px -72px

.icon-fast-forward
	background-position -360px -72px

.icon-step-forward
	background-position -384px -72px

.icon-eject
	background-position -408px -72px

.icon-chevron-left
	background-position -432px -72px

.icon-chevron-right
	background-position -456px -72px

.icon-plus-sign
	background-position 0 -96px

.icon-minus-sign
	background-position -24px -96px

.icon-remove-sign
	background-position -48px -96px

.icon-ok-sign
	background-position -72px -96px

.icon-question-sign
	background-position -96px -96px

.icon-info-sign
	background-position -120px -96px

.icon-screenshot
	background-position -144px -96px

.icon-remove-circle
	background-position -168px -96px

.icon-ok-circle
	background-position -192px -96px

.icon-ban-circle
	background-position -216px -96px

.icon-arrow-left
	background-position -240px -96px

.icon-arrow-right
	background-position -264px -96px

.icon-arrow-up
	background-position -289px -96px

.icon-arrow-down
	background-position -312px -96px

.icon-share-alt
	background-position -336px -96px

.icon-resize-full
	background-position -360px -96px

.icon-resize-small
	background-position -384px -96px

.icon-plus
	background-position -408px -96px

.icon-minus
	background-position -433px -96px

.icon-asterisk
	background-position -456px -96px

.icon-exclamation-sign
	background-position 0 -120px

.icon-gift
	background-position -24px -120px

.icon-leaf
	background-position -48px -120px

.icon-fire
	background-position -72px -120px

.icon-eye-open
	background-position -96px -120px

.icon-eye-close
	background-position -120px -120px

.icon-warning-sign
	background-position -144px -120px

.icon-plane
	background-position -168px -120px

.icon-calendar
	background-position -192px -120px

.icon-random
	background-position -216px -120px

.icon-comment
	background-position -240px -120px

.icon-magnet
	background-position -264px -120px

.icon-chevron-up
	background-position -288px -120px

.icon-chevron-down
	background-position -313px -119px

.icon-retweet
	background-position -336px -120px

.icon-shopping-cart
	background-position -360px -120px

.icon-folder-close
	background-position -384px -120px

.icon-folder-open
	background-position -408px -120px

.icon-resize-vertical
	background-position -432px -119px

.icon-resize-horizontal
	background-position -456px -118px

.dropdown
	position relative
	.caret
		margin-top 8px
		margin-left 2px
	&.open
		z-index 1000
		.dropdown-toggle
			color white
			background #ccc
			background rgba(0,0,0,0.3)
		.dropdown-menu
			display block

.dropdown-toggle
	margin-bottom -3px

.dropdown-toggle:active,.open .dropdown-toggle
	outline 0

.caret
	display inline-block
	width 0
	height 0
	text-indent -99999px
	text-indent 0
	vertical-align top
	border-left 4px solid transparent
	border-right 4px solid transparent
	border-top 4px solid black
	opacity 0.3

.dropdown:hover .caret,.open.dropdown .caret
	opacity 1

.dropdown-menu
	background-clip padding-box
	background-color white
	border-bottom-width 2px
	border-color rgba(0,0,0,0.2)
	border-radius 0 0 5px 5px
	border-right-width 2px
	border-style solid
	border-width 1px
	box-shadow 0 5px 10px rgba(0,0,0,0.2)
	display none
	float left
	left 0
	list-style none
	margin 0
	max-width 220px
	min-width 160px
	padding 4px 0
	position absolute
	top 100%
	width 160px
	z-index 1000
	&.bottom-up
		top auto
		bottom 100%
		margin-bottom 2px
	.divider
		height 1px
		margin 5px 1px
		overflow hidden
		background-color #e5e5e5
		border-bottom 1px solid white
		width 100%
		margin -5px 0 5px
	a
		display block
		padding 3px 15px
		clear both
		font-weight normal
		line-height 18px
		color #555555
		white-space nowrap

.dropdown-menu li > a:hover,.dropdown-menu .active > a,.dropdown-menu .active > a:hover
	color white
	text-decoration none
	background-color #0088cc

.typeahead
	border-radius 4px
	margin-top 2px

.well
	background-color #f5f5f5
	border 1px solid #eee
	border 1px solid rgba(0,0,0,0.05)
	border-radius 4px
	box-shadow inset 0 1px 1px rgba(0,0,0,0.05)
	margin-bottom 20px
	min-height 20px
	padding 19px
	blockquote
		border-color #ddd
		border-color rgba(0,0,0,0.15)

.fade
	-webkit-transition opacity .15s linear
	transition opacity .15s linear
	opacity 0
	&.in
		opacity 1

.collapse
	-webkit-transition height .35s ease
	transition height .35s ease
	position relative
	overflow hidden
	height 0
	&.in
		height auto

.close
	float right
	font-size 20px
	font-weight bold
	line-height 18px
	color black
	text-shadow 0 1px 0 white
	opacity 0.2
	&:hover
		color black
		text-decoration none
		opacity 0.4
		cursor pointer
.btn
	background colorBtn
	border-radius 5px
	border none
	color #fff
	cursor pointer
	display inline-block
	font-size 13px
	line-height 18px
	margin-left .3em
	outline none
	padding 4px 10px
	text-align center
	transition all 0.3s ease-out 
	&:first-child
		margin-left 0
	&:hover
		text-decoration none
		background colorBtnHover
		color #fff
	.caret
		margin-top 7px
		margin-left 0

.btn.disabled,.btn[disabled]
	background #ccc
	box-shadow none
	color #aaa
	cursor default
	font-weight bold
	opacity 0.65

.btn-large
	font-size 18px
	padding 10px 15px
	.icon
		margin-top 1px

.btn-small
	padding 5px 9px
	font-size 11px
	line-height 16px
	.icon
		margin-top -1px
	.caret
		margin-top 4px



.btn-warning
	background-color #faa732
	border-color #f89406

.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]
	background-color #f89406

.btn-warning:active,.btn-warning.active
	background-color #c67605 0

.btn-danger
	background-color #da4f49

.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]
	background-color #bd362f

.btn-danger:active,.btn-danger.active
	background-color #942a25 0

.btn-success
	background-color #5bb75b

.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]
	background-color #51a351

.btn-success:active,.btn-success.active
	background-color #408140 0

.btn-info
	background-color #49afcd
	
.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]
	background-color #2f96b4

.btn-info:active,.btn-info.active
	background-color #24748c 0

button.btn,input[type=submit].btn
	padding-top 2px
	padding-bottom 2px

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner
	padding 0
	border 0

button.btn.large,input[type=submit].btn.large
	padding-top 7px
	padding-bottom 7px

button.btn.small,input[type=submit].btn.small
	padding-top 3px
	padding-bottom 3px

.btn-group
	position relative
	zoom 1
	margin-left .3em
	&:after
		clear both
	&:first-child
		margin-left 0
	& + .btn-group
		margin-left 5px
	.btn
		float left
		margin-left -1px
		position relative
		border-radius 0
		&:first-child
			margin-left 0
			border-top-left-radius 4px
			border-bottom-left-radius 4px
		&.large
			&:first-child
				margin-left 0
				border-top-left-radius 6px
				border-bottom-left-radius 6px
	.dropdown-toggle
		box-shadow inset 1px 0 0 rgba(255,255,255,0.125), inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05)
		padding-top 5px 8px 
	&.open
		z-index 1000
		.dropdown-menu
			display block
			margin-top 1px
			border-radius 5px
		.dropdown-toggle
			background-image none
			box-shadow inset 0 1px 6px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.05)

.btn-group:before,.btn-group:after
	display table
	content ""

.btn-toolbar
	margin-top 9px
	margin-bottom 9px
	.btn-group
		display inline-block
		display inline
		zoom 1

.btn-group .btn:last-child,.btn-group .dropdown-toggle
	border-top-right-radius 4px
	border-bottom-right-radius 4px

.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle
	border-top-right-radius 6px
	border-bottom-right-radius 6px

.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active
	z-index 2

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle
	outline 0

.btn:hover .caret,.open.btn-group .caret
	opacity 1

.btn-primary .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret
	border-top-color white
	opacity 0.75

.alert
	background-color #fcf8e3
	border 1px solid #fbeed5
	border-radius 4px
	margin-bottom 18px
	padding 8px 35px 8px 14px
	text-shadow 0 1px 0 rgba(255,255,255,0.5)
	.close
		position relative
		top -2px
		right -21px
		line-height 18px

.alert,.alert-heading
	color #c09853

.alert-success
	background-color #dff0d8
	border-color #d6e9c6

.alert-success,.alert-success .alert-heading
	color #468847

.alert-danger,.alert-error
	background-color #f2dede
	border-color #eed3d7

.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading
	color #b94a48

.alert-info
	background-color #FFFBE2
	border-color #FFE222
	color #000 !important

.alert-info,.alert-info .alert-heading
	color #3a87ad

.alert-block
	padding-top 14px
	padding-bottom 14px
	p
		& + p
			margin-top 5px

.alert-block > p,.alert-block > ul
	margin-bottom 0

#alert-btn-close
	float right
	color #FFC222
	&:hover
		text-decoration none

.nav
	margin-left 0
	margin-bottom 18px
	list-style none
	& > li
		& > a
			display block
			&:hover
				text-decoration none
				background-color colorSidebarActiveBg
				color colorSidebarActiveText
	& > .dropdown
		&.active
			& > a
				&:hover
					color black
					cursor pointer

.nav-list
	padding-left 14px
	padding-right 14px
	margin-bottom 0
	.nav-header
		font-size 11px
		font-weight bold
		line-height 18px
		color #999999
		text-transform uppercase
	& > li
		& + .nav-header
			margin-top 9px
		& > a
			border-bottom 1px solid #ccc
			padding 5px 5px 5px 10px
			color #000
	.active
		& > a
			color colorSidebarActiveText
			background colorSidebarActiveBg
	.icon
		margin-right 2px
	& > .nav-header
		border-bottom 2px solid #666
		color #000
		font-size 15px
		font-weight bold
		padding 5px 5px 5px 0
		text-transform none

.nav-list > li > a,.nav-list .nav-header
	display block
	padding 3px 15px
	margin-left -15px
	margin-right -15px
	text-shadow 0 1px 0 rgba(255,255,255,0.5)

.nav-tabs,.nav-pills
	zoom 1

.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after
	display table
	content ""

.nav-tabs:after,.nav-pills:after
	clear both

.nav-tabs > li,.nav-pills > li
	float left

.nav-tabs > li > a,.nav-pills > li > a
	padding-right 12px
	padding-left 12px
	margin-right 2px
	line-height 14px

.nav-tabs
	border-bottom 1px solid #ddd
	& > li
		margin-bottom -1px
		& > a
			border 1px solid transparent
			border-radius 4px 4px 0 0
			padding 9px 0
			&:hover
				border-color #eeeeee
	&.nav-stacked
		border-bottom 0
		& > li
			& > a
				border 1px solid #ddd
				border-radius 0
				&:hover
					border-color #ddd
					z-index 2
			&:first-child
				& > a
					border-radius 4px 4px 0 0
			&:last-child
				& > a
					border-radius 0 0 4px 4px

.nav-tabs > .active > a,.nav-tabs > .active > a:hover
	background-color white
	border 1px solid #ddd
	border-bottom-color transparent
	color #555555
	cursor default

.nav-pills
	& > li
		& > a
			border-radius 5px
			margin 2px 0
			padding 8px 0
	&.nav-stacked
		& > li
			& > a
				margin-bottom 3px
			&:last-child
				& > a
					margin-bottom 1px
	.dropdown-menu
		border-radius 4px

.nav-pills .active > a,.nav-pills .active > a:hover
	color white
	background-color #0088cc

.nav-stacked
	& > li
		float none
		& > a
			margin-right 0

.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu
	margin-top 1px
	border-width 1px

.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret
	border-top-color #0088cc
	margin-top 6px

.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret
	border-top-color #005580

.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret
	border-top-color #333333

.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav > .open.active > a:hover
	color white
	background-color #999999
	border-color #999999

.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret
	border-top-color white
	opacity 1



.tabs-stacked
	.open
		& > a
			&:hover
				border-color #999999

.tabbable
	zoom 1
	&:after
		clear both

.tabbable:before,.tabbable:after
	display table
	content ""

.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs
	border-bottom 0

.tab-content > .tab-pane,.pill-content > .pill-pane
	display none

.tab-content > .active,.pill-content > .active
	display block

.tabs-below
	.nav-tabs
		border-top 1px solid #ddd
		& > li
			margin-top -1px
			margin-bottom 0
			& > a
				border-radius 0 0 4px 4px
				&:hover
					border-bottom-color transparent
					border-top-color #ddd

.tabs-below .nav-tabs .active > a,.tabs-below .nav-tabs .active > a:hover
	border-color transparent #ddd #ddd

.tabs-left .nav-tabs > li,.tabs-right .nav-tabs > li
	float none

.tabs-left .nav-tabs > li > a,.tabs-right .nav-tabs > li > a
	margin-bottom 3px
	margin-right 0
	min-width 74px

.tabs-left
	.nav-tabs
		border-right 1px solid #ddd
		float left
		margin-right 19px
		& > li
			& > a
				border-radius 4px 0 0 4px
				margin-right -1px
				&:hover
					border-color #eeeeee

.tabs-left .nav-tabs .active > a,.tabs-left .nav-tabs .active > a:hover
	border-color #ddd transparent #ddd #ddd
	border-right-color white

.tabs-right
	.nav-tabs
		border-left 1px solid #ddd
		float right
		margin-left 19px
		& > li
			& > a
				margin-left -1px
				border-radius 0 4px 4px 0
				&:hover
					border-color #eeeeee

.tabs-right .nav-tabs .active > a,.tabs-right .nav-tabs .active > a:hover
	border-color #ddd #ddd #ddd transparent
	border-left-color white

.navbar
	overflow visible
	margin-bottom 18px
	.brand
		float left
		display block
		padding 8px 20px 12px
		margin-left -20px
		font-size 20px
		font-weight 200
		line-height 1
		color white
		&:hover
			text-decoration none
	.navbar-text
		margin-bottom 0
		line-height 40px
		color #999999
		a
			&:hover
				color white
				background-color transparent
	.btn-group
		.btn
			margin-top 0
	.nav
		position relative
		left 0
		display block
		float left
		margin 0 10px 0 0
		&.pull-right
			float right
			margin-left 10px
			margin-right 0
			.dropdown-menu
				left auto
				right 0
				&:before
					left auto
					right 12px
				&:after
					left auto
					right 13px
		& > li
			display block
			float left
			& > a
				float none
				padding 10px 10px 11px
				line-height 19px
				color #999999
				text-decoration none
				text-shadow 0 -1px 0 rgba(0,0,0,0.25)
				&:hover
					background-color transparent
					color white
					text-decoration none
		.active
			.caret
				opacity 1
			& > .dropdown-toggle
				&:hover
					color white
	.divider-vertical
		height 40px
		width 1px
		margin 0 9px
		overflow hidden
		background-color #222222
		border-right 1px solid #333333
	.dropdown-menu
		margin-top 1px
		border-radius 4px
		&:before
			content ''
			display inline-block
			border-left 7px solid transparent
			border-right 7px solid transparent
			border-bottom 7px solid #ccc
			border-bottom-color rgba(0,0,0,0.2)
			position absolute
			top -7px
			left 9px
		&:after
			content ''
			display inline-block
			border-left 6px solid transparent
			border-right 6px solid transparent
			border-bottom 6px solid white
			position absolute
			top -6px
			left 10px

.navbar-inner
	padding-left 20px
	padding-right 20px
	background-color #2c2c2c
	border-radius 4px
	-webkit-box-shadow 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1)
	-moz-box-shadow 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1)
	box-shadow 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1)

.btn-navbar
	display none
	float right
	padding 7px 10px
	margin-left 5px
	margin-right 5px
	background-color #2c2c2c
	box-shadow inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.075)
	.icon-bar
		background-color #f5f5f5
		border-radius 1px
		box-shadow 0 1px 0 rgba(0,0,0,0.25)
		display block
		height 2px
		width 18px
		& + .icon-bar
			margin-top 3px

.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]
	background-color #222222

.btn-navbar:active,.btn-navbar.active
	background-color #080808 0

.nav-collapse
	&.collapse
		height auto

.navbar .btn,.navbar .btn-group
	margin-top 5px

.navbar-form
	margin-bottom 0
	zoom 1
	&:after
		clear both

.navbar-form:before,.navbar-form:after
	display table
	content ""

.navbar-form input,.navbar-form select
	display inline-block
	margin-top 5px
	margin-bottom 0

.navbar-form .radio,.navbar-form .checkbox
	margin-top 5px

.navbar-form input[type=image],.navbar-form input[type=checkbox],.navbar-form input[type=radio]
	margin-top 3px

.navbar-search
	position relative
	float left
	margin-top 6px
	margin-bottom 0
	.search-query
		padding 4px 9px
		font-family Arial, sans-serif
		font-size 13px
		font-weight normal
		line-height 1
		color white
		color rgba(255,255,255,0.75)
		background #666
		background rgba(255,255,255,0.3)
		border 1px solid #111
		box-shadow inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.15)
		-webkit-transition none
		transition none
		:-moz-placeholder
			color #eeeeee
		::-webkit-input-placeholder
			color #eeeeee
		&:hover
			color white
			background-color #999999
			background-color rgba(255,255,255,0.5)

.navbar-search .search-query:focus,.navbar-search .search-query.focused
	padding 5px 10px
	color #333333
	text-shadow 0 1px 0 white
	background-color white
	border 0
	-webkit-box-shadow 0 0 3px rgba(0,0,0,0.15)
	-moz-box-shadow 0 0 3px rgba(0,0,0,0.15)
	box-shadow 0 0 3px rgba(0,0,0,0.15)
	outline 0

.navbar-fixed-top
	position fixed
	top 0
	right 0
	left 0
	z-index 1030
	.navbar-inner
		padding-left 0
		padding-right 0
		border-radius 0

.navbar .nav .active > a,.navbar .nav .active > a:hover
	color white
	text-decoration none
	background-color #222222
	background-color rgba(0,0,0,0.5)

.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret
	border-top-color white

.navbar .nav .open > .dropdown-toggle,.navbar .nav .active > .dropdown-toggle,.navbar .nav .open.active > .dropdown-toggle
	background-color transparent

.breadcrumb
	padding 7px 14px
	margin 0 0 18px
	background-color #fbfbfb
	border 1px solid #ddd
	border-radius 3px
	-webkit-box-shadow inset 0 1px 0 white
	-moz-box-shadow inset 0 1px 0 white
	box-shadow inset 0 1px 0 white
	li
		display inline
		text-shadow 0 1px 0 white
	.divider
		padding 0 5px
		color #999999
	.active
		a
			color #333333

.pagination
	height 36px
	margin 18px 0
	ul
		border-radius 3px
		box-shadow 0 1px 2px rgba(0,0,0,0.05)
		display inline-block
		margin-bottom 0
		margin-left 0
		zoom 1
	li
		display inline
		&:first-child
			a
				border-left-width 1px
				border-radius 3px 0 0 3px
		&:last-child
			a
				border-radius 0 3px 3px 0
	a
		border 1px solid #ddd
		border-left-width 0
		float left
		line-height 34px
		padding 0 14px
		text-decoration none
	.active
		a
			color #999999
			cursor default

.pagination a:hover,.pagination .active a
	background-color #f5f5f5

.pagination .disabled a,.pagination .disabled a:hover
	color #999999
	background-color transparent
	cursor default

.pagination-centered
	text-align center

.pagination-right
	text-align right

.pager
	margin-left 0
	margin-bottom 18px
	list-style none
	text-align center
	zoom 1
	&:after
		clear both
	li
		display inline
	a
		display inline-block
		padding 5px 14px
		background-color #fff
		border 1px solid #ddd
		border-radius 15px
		&:hover
			text-decoration none
			background-color #f5f5f5
	.next
		a
			float right
	.previous
		a
			float left

.pager:before,.pager:after
	display table
	content ""

.modal-open
	.dropdown-menu
		z-index 2050
	.dropdown
		&.open
			z-index 2050
	.popover
		z-index 2060
	.tooltip
		z-index 2070

.modal-backdrop
	position fixed
	top 0
	right 0
	bottom 0
	left 0
	z-index 1040
	background-color black
	&.fade
		opacity 0

.modal-backdrop,.modal-backdrop.fade.in
	opacity 0.8

.modal
	background-clip padding-box
	background-color white
	border 1px solid rgba(0,0,0,0.3)
	border-radius 6px
	box-shadow 0 3px 7px rgba(0,0,0,0.3)
	left 50%
	margin -250px 0 0 -280px
	max-height 500px
	overflow auto
	position fixed
	top 50%
	width 560px
	z-index 1050
	&.fade
		-webkit-transition opacity .3s linear, top .3s ease-out
		transition opacity .3s linear, top .3s ease-out
		top -25%
		&.in
			top 50%

.modal-header
	padding 9px 15px
	border-bottom 1px solid #eee
	.close
		margin-top 2px

.modal-body
	padding 15px

.modal-footer
	padding 14px 15px 15px
	margin-bottom 0
	background-color #f5f5f5
	border-top 1px solid #ddd
	border-radius 0 0 6px 6px
	box-shadow inset 0 1px 0 white
	zoom 1
	&:after
		clear both
	.btn
		float right
		margin-left 5px
		margin-bottom 0

.modal-footer:before,.modal-footer:after
	display table
	content ""

.tooltip
	position absolute
	z-index 1020
	display block
	visibility visible
	padding 5px
	font-size 11px
	opacity 0
	&.in
		opacity 0.8
	&.top
		margin-top -2px
		.tooltip-arrow
			bottom 0
			left 50%
			margin-left -5px
			border-left 5px solid transparent
			border-right 5px solid transparent
			border-top 5px solid black
	&.right
		margin-left 2px
		.tooltip-arrow
			top 50%
			left 0
			margin-top -5px
			border-top 5px solid transparent
			border-bottom 5px solid transparent
			border-right 5px solid black
	&.bottom
		margin-top 2px
		.tooltip-arrow
			top 0
			left 50%
			margin-left -5px
			border-left 5px solid transparent
			border-right 5px solid transparent
			border-bottom 5px solid black
	&.left
		margin-left -2px
		.tooltip-arrow
			top 50%
			right 0
			margin-top -5px
			border-top 5px solid transparent
			border-bottom 5px solid transparent
			border-left 5px solid black

.tooltip-inner
	background-color black
	border-radius 4px
	color white
	max-width 200px
	padding 3px 8px
	text-align center
	text-decoration none

.tooltip-arrow
	position absolute
	width 0
	height 0

.popover
	position absolute
	top 0
	left 0
	z-index 1010
	display none
	padding 5px
	&.top
		margin-top -5px
		.arrow
			bottom 0
			left 50%
			margin-left -5px
			border-left 5px solid transparent
			border-right 5px solid transparent
			border-top 5px solid black
	&.right
		margin-left 5px
		.arrow
			top 50%
			left 0
			margin-top -5px
			border-top 5px solid transparent
			border-bottom 5px solid transparent
			border-right 5px solid black
	&.bottom
		margin-top 5px
		.arrow
			top 0
			left 50%
			margin-left -5px
			border-left 5px solid transparent
			border-right 5px solid transparent
			border-bottom 5px solid black
	&.left
		margin-left -5px
		.arrow
			top 50%
			right 0
			margin-top -5px
			border-top 5px solid transparent
			border-bottom 5px solid transparent
			border-left 5px solid black
	.arrow
		position absolute
		width 0
		height 0

.popover-inner
	background rgba(0,0,0,0.8)
	border-radius 6px
	box-shadow 0 3px 7px rgba(0,0,0,0.3)
	overflow hidden
	padding 3px
	width 280px

.popover-title
	background-color #f5f5f5
	border-bottom 1px solid #eee
	border-radius 3px 3px 0 0
	line-height 1
	padding 9px 15px

.popover-content
	padding 14px
	background-color white
	border-radius 0 0 3px 3px
	background-clip padding-box

.popover-content p,.popover-content ul,.popover-content ol
	margin-bottom 0

.thumbnails
	margin-left -20px
	list-style none
	zoom 1
	&:after
		clear both
	& > li
		float left
		margin 0 0 18px 20px

.thumbnails:before,.thumbnails:after
	display table
	content ""

.thumbnail
	border 1px solid #ddd
	border-radius 4px
	box-shadow 0 1px 1px rgba(0,0,0,0.075)
	display block
	line-height 1
	padding 4px
	& > img
		display block
		max-width 100%
		margin-left auto
		margin-right auto
	.caption
		padding 9px

.label
	background-color #999999
	border-radius 3px
	color white
	font-size 9.75px
	font-weight bold
	padding 1px 3px 2px
	text-transform uppercase

.label-important
	background-color #b94a48

.label-warning
	background-color #f89406

.label-success
	background-color #468847

.label-info
	background-color #3a87ad

.accordion
	margin-bottom 18px

.accordion-group
	margin-bottom 2px
	border 1px solid #e5e5e5
	border-radius 4px

.accordion-heading
	border-bottom 0
	.accordion-toggle
		display block
		padding 8px 15px

.accordion-inner
	padding 9px 15px
	border-top 1px solid #e5e5e5

.carousel
	position relative
	margin-bottom 18px
	line-height 1
	.item
		display none
		position relative
		-webkit-transition .6s ease-in-out left
		transition .6s ease-in-out left
		& > img
			display block
			line-height 1
	.active
		left 0
		&.left
			left -100%
		&.right
			left 100%
	.next
		left 100%
	.prev
		left -100%

.carousel-inner
	overflow hidden
	width 100%
	position relative

.carousel .active,.carousel .next,.carousel .prev
	display block

.carousel .next,.carousel .prev
	position absolute
	top 0
	width 100%

.carousel .next.left,.carousel .prev.right
	left 0

.carousel-control
	background #222
	border 3px solid white
	border-radius 23px
	color white
	font-size 60px
	font-weight 100
	height 40px
	left 15px
	line-height 30px
	margin-top -20px
	opacity 0.5
	position absolute
	text-align center
	top 40%
	width 40px
	&.right
		left auto
		right 15px
	&:hover
		color white
		text-decoration none
		opacity 0.9

.carousel-caption
	position absolute
	left 0
	right 0
	bottom 0
	padding 10px 15px 5px
	background #333
	background rgba(0,0,0,0.75)

.carousel-caption h4,.carousel-caption p
	color white

.hero-unit
	padding 60px
	margin-bottom 30px
	background-color #f5f5f5
	border-radius 6px
	h1
		margin-bottom 0
		font-size 60px
		line-height 1
		letter-spacing -1px
	p
		font-size 18px
		font-weight 200
		line-height 27px

.pull-right
	float right

.pull-left
	float left

.hide
	display none

.show
	display block

.invisible
	visibility hidden

#footer
	background colorFooter
	border-top 5px solid mainColor
	margin-top 50px
	width 100%
	height 70px
	min-width pageWidth
	a
		color rgb(250, 172, 8)
		&:hover
			color #fff

.footer-text
	margin 0 auto
	height 70px
	width pageWidth - 60

#footer-powered
	background url("../img/poweredByAptitus.png") no-repeat
	width 103px
	height 50px
	margin 10px 0 0 -8px !important

.sidebar-nav
	width 160px

.content-general
	width 760px

.content-general-custom
	width 780px
	*width 780px

.w456
	width 456px

.w436
	width 436px

.w760
	width 760px

#header
	background url('../img/bg-header.jpg') center bottom
	margin-bottom 14px
	position relative
	z-index 20
	min-width pageWidth

.content-header
	margin 0 auto
	position relative
	width pageWidth - 60
	
.head-contact
	margin 0 auto
	padding 10px 0 0 0

.head-social
	list-style none
	position absolute
	right 0
	top 60px
	z-index 10
	li
		float left
		margin-left 10px
		a
			color colorLoginLinks
			display block
			font 14px/13px Arial
			height 42px
			width 42px
			&:hover
				opacity 0.5
		.fb
			background url('../img/ico-fb.jpg') no-repeat
		.tw
			background url('../img/ico-tw.jpg') no-repeat
		.yt
			background url('../img/ico-yt.jpg') no-repeat
		.in
			background url('../img/ico-in.png') no-repeat
			
.user-login
	height 13px
	list-style none
	margin 15px 0 5px
	li
		float right
		font 12px/13px Arial
	.break
		margin 0 5px
		color colorLoginLinks
	a
		color colorLoginLinks
		font 12px/13px Arial
		display block
		text-decoration underline
		&:hover
			text-decoration none

.logo-content
	margin-bottom 35px
	position relative

.logo
	margin 0
	float left
	font-size 0
	line-height normal
	padding-top 25px
	a
		display block

.log-date
	color colorDate
	float right
	font bold 12px arial
	text-align right
	padding 12px 0 !important
	*margin-top 7px

.list-options
	height 28px
	margin 0
	list-style none
	font-weight bold
	background colorNav
	li
		float left
		margin-top 0
		padding 0
		border-right none
		font-weight bold
		&.line
			width 1px
			background url('../img/menu-top-line.png') no-repeat
		a
			display block
			font 14px arial
			text-decoration none
			border-right 1px solid colorNavSeparator
			transition all ease 0.3s
			-webkit-transition all ease 0.3s
			padding 6px 18px
			color colorNavText
			&:hover
				color colorNavTextHover
				background colorNavHover
		&.active
			background colorNavActive
			border-radius 5px 5px 0 0
			height 26px
			margin -8px 0 0
			padding 8px 0 0
			a
				color #000
				text-align center
				font-weight bold
				&:hover
					color #fff

.list-options li.active a, .tm-gray .list-options li a:hover
	background colorNavActive
	color colorNavActiveText !important

.title-main
	color colorMainTitle
	float left
	font-weight normal
	position absolute
	top 50px
	left 390px

.necessary
	color red
	margin-right 5px

.disable-label,.disable
	color #ccc

.thead-bg
	background colorTableHeader
	color #fff

.tr-even
	background colorEven

.tr-odd
	background colorOdd

.table-list-jobs
	tr
		td
			border none
			padding 10px
	tbody
		.even
			background colorEven
		.odd
			background colorOdd

.footer-list-jobs
	text-align center

.header-image
	margin-bottom 10px

.strong
	font-weight bold

.disable,.disable:hover
	color #ccc
	cursor default
	text-decoration none

thead
	&.list-advices-thead-bg
		color #fff
	&.list-app-thead-bg
		color #fff

.list-advices-table
	background #000
	tbody
		.odd
			background colorOdd
		.even
			background colorEven

.list-advices-table tbody td,.list-advices-table tbody th
	border none


.list-advices-thead-bg
	tr
		th
			text-align center
			padding-top 3px
			padding-bottom 3px

th
	&.list-advices-name-job
		width 215px
	&.list-advices-ubication
		width 223px
	&.list-app-number
		width 95px
		*width 40px
	&.list-app-job
		width 164px
	&.list-app-company
		width 284px
		*width 271px

.list-advice-title-main
	font-size 25px
	margin 22px 0 20px
	border-bottom 2px solid #666

.nav-group
	margin-top 27px

.list-result
	margin 0 0 30px

.list-app-thead-bg
	tr
		th
			text-align center
			padding-top 3px
			padding-bottom 3px

.experence-options
	background #000
	color #fff
	padding 5px 0 23px
	margin 0 0 0 21px
	a
		color #fff

.box-border
	float right
	margin-top 10px
	padding-right 10px
	padding-top 10px
	width 730px

.check-position
	float right
	margin-right 90px
	height 20px
	width 172px

.label-check-position
	float right
	margin 0
	padding-top 3px
	width 150px

.experience-form-footer
	text-align right
	button
		text-align right
		margin-right 40px

.experience-footer
	text-align right
	margin-top 20px

.edit-icon
	background url('../img/edit-icon.png') left no-repeat
	padding-left 20px

.delete-icon
	background url('../img/delete-icon.png') left no-repeat
	padding-left 20px

.experence-options-title
	width 480px

.banner-message
	margin-bottom 25px
	h5
		text-transform none
		font-color #000

.level-password
	float right
	margin-right 260px
	p
		float left
		line-height 10px
		margin-right 10px
		color #ccc
	.level-password-rectangle
		display block
		width 26px
		height 8px
		border 1px solid #ccc
		float left
		margin-left 3px

.new-password-row
	position relative
	.password-messages
		position absolute
		top 0
		right 90px
		color #ccc
		width 150px
		height 40px

.date-birth-day
	width 80px

.date-birth-month
	width 120px

.date-birth-year
	width 80px

.document-type
	width 90px

.document-number
	width 200px

.website-row
	position relative
	height 65px
	.website-message
		color #CCC
		height 78px
		position absolute
		right 52px
		top 7px
		width 175px

.about-you
	position relative
	height 100px
	.about-you-message
		color #CCC
		height 78px
		position absolute
		right 52px
		top 7px
		width 175px

.data-person-footer
	text-align right
	margin-top 20px

.important-message
	display block
	color red
	margin-right 5px

.photo
	float left

.options-photo
	margin-left 15px
	float left
	width 155px
	line-height 30px
	margin-top 64px

.delete-photo
	float left
	width 155px
	height 30px
	text-align center

.upload-photo
	float left
	width 155px

.details-title-main
	font-size 25px
	margin 22px 0 20px
	border-bottom 1px solid #666

.details-box-border-container
	background url('../img/bg-details-head.jpg') top repeat-x
	border 1px solid #ccc
	border-radius 5px
	float left
	margin-top 10px
	width 717px
	h3
		margin 15px 5px 15px 20px

.details-box-border-content
	width 697px
	border-top 1px solid #ccc
	padding-top 20px
	padding-left 20px
	padding-bottom 20px

.details-title-item
	display block

.details-box-border-options
	margin-top 10px
	width 205px
	height 200px
	float right
	a
		margin-left 10px
	.share-label
		float left
		height 30px
		width 186px
		line-height 30px
	.icon-facebook
		background url('../img/icon-social.jpg') 0 0 no-repeat
		display block
		float left
		height 32px
		width 32px
	.icon-twitter
		background url('../img/icon-social.jpg') -40px 0 no-repeat
		display block
		float left
		width 32px
		height 32px
	.icon-linked
		background url('../img/icon-social.jpg') -80px 0 no-repeat
		display block
		float left
		height 32px
		width 32px
	.twitter-plugin
		float left
		margin-top 2px
		width 76px
	.plus-plugin
		float left
		margin 2px 0 0 16px

.details-title
	position relative

.btn-postulate
	width 195px
	line-height 27px
	margin-bottom 20px

.btn-postulate-disabled
	background none repeat scroll 0 0 #CCCCCC
	color #AAAAAA
	font-size 18px
	&:hover
		background none repeat scroll 0 0 #CCCCCC
		color #AAAAAA !important
		font-size 18px
		cursor default

.details-back
	display block
	height 20px
	position absolute
	top 37px
	width 56px
	right 0

.steps
	.step-one
		float left
		text-align center
		position relative
		height 50px
		width 310px
		.step-one-number
			background url('../img/steps.jpg') 0 0
			display block
			float left
			height 45px
			width 44px
			position absolute
			left 46px
		.step-one-number-disable
			background url('../img/steps.jpg') 0 45px
			display block
			float left
			height 45px
			width 44px
			position absolute
			left 46px
		.step-one-text
			line-height 37px
			margin-left 50px
	.step-two
		float left
		text-align center
		position relative
		height 50px
		width 310px
		.step-two-number
			background url('../img/steps.jpg') 90px 0
			display block
			float left
			height 45px
			width 45px
			position absolute
			left 40px
		.step-two-number-disable
			background url('../img/steps.jpg') 90px 45px
			display block
			float left
			height 45px
			width 45px
			position absolute
			left 40px
		.step-two-text
			line-height 37px
			margin-left 50px
	.step-three
		float left
		text-align center
		position relative
		height 50px
		width 310px
		.step-three-number
			background url('../img/steps.jpg') 45px 0
			display block
			float left
			height 45px
			width 45px
			position absolute
			left 83px
		.step-three-number-disable
			background url('../img/steps.jpg') 45px 45px
			display block
			float left
			height 45px
			width 45px
			position absolute
			left 83px
		.step-three-text
			line-height 37px
			margin-left 50px

.cross-bar
	background url('../img/cross-bar.png') 0 10px
	height 10px
	position relative
	.cross-bar-active-one
		background url('../img/cross-bar.png') 0 0
		position absolute
		top -1px
		left 0
		height 11px
		width 318px
	.cross-bar-active-two
		background url('../img/cross-bar.png') 0 0
		position absolute
		top -1px
		left 307px
		height 11px
		width 318px
	.cross-bar-active-three
		background url('../img/cross-bar.png') 0 0
		position absolute
		top -1px
		right 0
		height 11px
		width 318px

.complete-register-message
	height 120px
	margin auto
	font-size 38px
	text-align center
	margin-top 100px
	line-height 50px
	width 422px

.register-data-screen
	margin-top 160px

.box-border-complete-screen
	border 1px solid #ccc
	border-radius 5px
	float right
	margin-top 10px
	padding-top 10px
	.options-photo
		margin-top 95px
	.document-type
		width 177px
	.document-number
		width 270px

.field-necessary
	display block
	height 20px
	position absolute
	top 37px
	width 202px
	right 0

.menu-list-jobs
	border 1px solid #ccc
	border-radius 5px
	margin-top 160px
	width 222px
	.nav-list
		& > li
			& > a
				border-bottom 1px solid #ccc
				padding 15px 5px 20px 25px
				&:hover
					font-weight bold
					background none
				&.clear-border
					border-bottom 0
				&.selector-item-menu
					background url('../img/selector-item-menu.jpg') 11px 19px no-repeat
	.nav-group
		margin-top 30px

.pagination-footer
	text-align right

.container-modal
	.btn-enviar
		width 155px
	.forget-password
		margin-left 4px
	.no-register
		padding-top 10px
		p
			margin-left 60px
		a
			margin-left 10px
	.logo-aptitus-mini
		margin-top 10px

.bar-title-profile
	width 940px
	background url('../img/bar-title-profile.jpg')
	h3
		color #fff
		font-weight normal
		height 36px
		line-height 31px
		margin-left 21px

.margin-top
	margin-top 21px

.file-cv
	height 26px

.professional-profile
	.form-horizontal
		.control-group
			& > label
				width 220px
	.min-text
		font-size 12px
	.w605
		width 605px
	.none-border
		border none

.list-checkbox
	margin-left 20px
	li
		margin 10px
	input
		width 40px
		height 20px

.list-advice-title-main-profile
	font-size 25px
	margin 22px 0 20px
	border-bottom 2px solid #666

.lt-ie8
	.chk-now-job
		float left
	#end-month
		float left
	#end-year
		float left
	.header-image
		margin-bottom 20px
		margin-top 0
	.sidebar-nav
		width 160px
	.content-general
		width 760px
		margin-top 22px
	.level-password
		float right
		margin-right 254px
	.details-conteiner
		margin-top 0
	.register-data-screen
		margin-top 50px
	.content-general-custom
		width 780px
	.list-app-thead-bg
		background #000
	.content404
		padding 0
		background url('../img/bg-404.png') no-repeat

.ie9 .check-position,.lt-ie9 .check-position,.lt-ie8 .check-position
	float right
	margin-right 70px
	height 20px
	width 172px

.fb_edge_widget_with_comment
	float left

.IN-widget
	float left
	margin-left 7px

.content404
	padding-top 10px
	position relative
	background url('../img/bg-404.png') repeat-x 0 0

.row404
	width 940px
	margin 0 auto

.error404
	height 336px
	padding-top 10px
	margin-bottom 25px
	.search404
		background #FFF
		border 2px solid colorBtn
		border-radius 6px
		height 30px
		padding 4px
		width 436px
		form
			margin 0
		input
			margin 0
			border none
			background #FFF
			padding 6px
			line-height 18px
			font-size 16px
			width 332px
			box-shadow none
			-webkit-box-shadow none
			-moz-box-shadow none
		button
			font-size 14px
			padding 5px 18px
			height 30px
	.column-left
		width 490px
		padding 40px 0 0 10px
		float left
	.column-right
		float left
		margin-left 72px
		width 328px
		height 289px
		background url('../img/404.png') no-repeat
		&.error405
			background url('../img/bg-405.png') no-repeat
	h3
		font-size 24px
		color #000
		margin-bottom 8px
	p
		font-size 14px
		color #333
		margin-bottom 36px
		width 370px
	ul
		li
			font 13px "Trebuchet MS", Arial
			color #333
			margin-bottom 8px

.error404 h2,.footer-set-logos-content h4
	color #000 !important

.clearer
	clear both

.postulate
	background url('../img/bg-postulate.png') 12px 0 no-repeat
	text-align center
	font-size 18px
	color #333
	margin-bottom 14px
	padding 4px 0 4px 30px

#question
	width 500px
	label
		padding-left 30px
		*float left
		*padding-left 9px
	.input-large
		margin-left 30px
		width 440px
		height 53px
	.btn
		margin-left 30px

.popmodal
	form
		margin 0
		padding-bottom 20px
	h4
		font-size 24px
		margin-bottom 10px
		line-height 28px
	ul
		list-style none
		margin-left 0
	.number
		float left
		background url('../img/bg-li-question.gif') no-repeat
		padding 1px 0 0 6px
		width 14px
		height 19px
		color #FFF
		margin-right 10px
		*margin-right 2px

.hidden
	display none

#loading-login
	width 261px
	height 400px
	text-align center
	position relative
	img
		display block
		left 50%
		margin-left -16px
		margin-top -16px
		position absolute
		top 50%

.p10
	height 10px

.cl
	*zoom 1
	&:after
		clear both

.cl:before,.cl:after
	display table
	content ""

.btn-postular
	height 47px
	width 185px
	margin-left 0px

.main-banner
	width 940px
	margin 20px auto
	img
		display block
.full-banner
	background url('../img/img-unete.jpg') no-repeat
	background-position 50% 50%
	background-size cover 
	height 270px
	margin-bottom 40px
	width 100%
	p
		background #fff url('../img/banner-text.png') right 50% no-repeat
		opacity 0.6
		 -ms-filter "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
		color colorText
		display inline-block
		font-size 0px 
		height 100px 
		line-height 45px
		margin-top 60px
		padding 20px 10px
		text-align right
		vertical-align top 
		width 30%

.w316
	width 316px

.tf40
	text-align right
	width 415px
	*width 415px

.tm-ese
	background #FFF
	color #584D4D
	.logo
		margin 0
	.head-contact
		border-bottom 1px solid #112735
	
	

	h1
		color #000
	.fancybox-inner
		h4
			color #444
	.main-banner
		background url("../img/bg-shadow.png") center 0 no-repeat
		margin-bottom 12px
		padding-top 14px
		.bannersh
			background url("../img/bg-shadow.png") center bottom no-repeat
			padding-bottom 20px
	.table
		th
			color #FFF
	.table-list-jobs
		tbody
			.odd
				background colorOdd
			.even
				background colorEven
	.error404
		.column-right
			float left
			margin-left 20px
			width 419px
			height 289px
			background url('../img/404.png') no-repeat
			margin-top 48px
	.details-box-border-container
		h3
			background #686868
			color #FFF
			padding 15px 5px 15px 20px
			margin 0


.tm-ese .disable,.tm-ese .disable:hover
	color #686868

.see-also
	font 11px Arial
	height 45px
	.box-center
		width 957px
		margin auto
	span
		padding-top 6px
		color #fff
		width 84px
		float left
		font-size 12px
	ul
		width 872px
		list-style none
		margin 0
		float left
		.last
			border none
	li
		border-right 1px solid #fff
		float left
		line-height 12px
		margin-top 6px
		padding 0 8px
	a
		color #FEB600
		text-decoration none

.mleft32
	margin-left 32px

.mleft23
	margin-left 23px

#cntLoginAdmin
	width 260px
	font-family Tahoma,Arial,sans-serif
	a
		text-decoration none
		color #60abeb
		font-size 12px
		&:hover
			text-decoration underline
	img
		border none
	.header
		width 260px
		height 36px
		background #61abec
		h4
			font-family Tahoma,Geneva,Verdana
			font-weight normal
			padding 8px 10px
			font-size 20px
	.bgLogin
		background #ebebeb
		padding 10px
		width 240px
		margin-bottom 10px
		.message
			font-size 12px
			color #666
			padding-bottom 20px
			line-height 18px
	.control-group
		label
			display block
			text-align left
			font-weight bold
			font-size 12px
			font-family Arial
			padding-bottom 5px
	.forgotPass
		display inline-block
		padding-top 10px
	.btnLogin
		background #000
		border none
		border-radius 5px
		border-style none
		color #fff
		cursor pointer
		float left
		font-size 14px
		margin-right 10px
		padding 8px 12px
	.footer
		font-size 12px
		clear both
		display block
		p
			padding-top 10px
			padding-bottom 50px
		.logoFooter
			float right
			background url("../img/logo-small.png")
			width 95px
			height 16px
			border none
		.gracias
			font-size 10px
			color #666
			margin-left 110px
			line-height 14px
			float left
	label
		&.error
			font-size 10px
			color red
			margin-top 0
			font-weight normal
	.warning
		display none
		color red
		text-align center
		margin-bottom 15px
		p
			line-height 15px
			padding 7px 0
	.disabled
		background #777
		cursor default
	.inputDisabled
		background-color #f0f0f0
		border-color #ddd
		cursor default
		color #bbb !important

#cntLoginAdmin .control-group input[type='text'],#cntLoginAdmin .control-group input[type='password']
	width 220px
	height 22px
	padding 2px 8px
	margin 0
	color #000
	border 1px solid #cfcfd0
	display block
	margin-bottom 0px
	outline none