/* Global Defaults
=====================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,tr,th,td,embed,object {
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img,abbr{
	border:0;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
a,a:link,a:visited,a:hover { 
	/* color:#0071c8; */
	text-decoration:none; 
}

a img { 
	border:0; 
}
:focus {
	outline: 0;
}
.clear { 
	clear:both; 
}

td.center, th.center
{
	text-align: center;
}

th.header
{
	text-align: center;
	background:#E6E6E6;
}

th.header_acc
{
	text-align: center;
	background:#C7F9FF;
}

th.header_rej
{
	text-align: center;
	background:#FFC7C7;
}

td.right, th.right
{
	text-align: right;
}

.bold
{
	font-weight: bold;
}

div.left{
	float: left;
}

legend
{
	color: #c0c0c0;
}
/* Global Elements
=====================================================================*/
body {
	background:#fff;
	line-height: 1.6em;
	font:62.5% arial, verdana, serif;
}

#wrapper {
	width:1200px;
	margin:0 auto;
}

/* Start CSS Coding

HEADER
=====================================================================*/

#header {
	/*width:999px;*/
	width:1200px;
	height:70px;
	margin: 5px 0 7px 0;
}

#menutop {
	float: right;
	display: inline;
	margin: 8px 0 0 0;
	height: 27px;
}
#menutop li {
	display: inline;
	float: left;
	height: 27px;
	background: url(../images/topmenu_left.png) no-repeat;
	margin: 0 6px 0 0;
}
#menutop li a, #menutop li a:link, #menutop li a:visited {
	display: inline;
	float: left;
	height: 21px;
	background: url(../images/topmenu_right.png) no-repeat 100% 0;
	padding:6px 12px 0 12px;
	font-size:1.1em;
	color:#c7e5fc;
	font-weight:bold;
	text-transform:uppercase;
}
#menutop li:hover {
	background-position:0 -27px;
}
#menutop li:hover a, #menutop li:hover a:link, #menutop li:hover a:visited, #menutop li a:hover {
	background-position:100% -27px;
	color:#fff;
	text-decoration:none;
}
#menutop li.last {
	margin: 0;
}
#logo{
	width:228px;
	height:70px;
	font-size:1.2em;
	position:relative;
	overflow:hidden;
	display:inline;
	float:left;
}

#placemainmenu {
	/*width: 1100px;*/
	width: 1200px;
	height: 46px;
	background: url(../images/mainmenu.png) no-repeat;
	margin: 0 0 12px 0;
}
#mainmenu {
	/*width:1010px;*/
	width: 1210px;
	height:28px;
	float:left;
	display: inline;
	margin: 9px 7px 0;
	padding: 0 0 0 0px;
}
#mainmenu li {
	display:inline;
	float:left;
	height:28px;
	margin:0 -15px 0 0;
	position:relative;
}
#mainmenu li:hover, #mainmenu li.active {
	background:url(../images/menu_left.png) no-repeat;
}
#mainmenu li a, #mainmenu li a:link, #mainmenu li a:visited {
	display:inline;
	float:left;
	height:22px;
	padding:6px 14px 0 20px;
	font-size:1.1em;
	font-weight:bold;
	color:#797979;
}
#mainmenu li a:hover, #mainmenu li.active a, #mainmenu li.active a:link, #mainmenu li.active a:visited, #mainmenu li:hover a, #mainmenu li:hover a:link, #mainmenu li:hover a:visited {
	background:url(../images/menu_right.png) no-repeat 100% 0;
	text-decoration:none;
	color: #4b4b4b;
}

#placemainmenu #mainmenu ul a{
	text-align:left;
	border:none;
	background:none;
}
#placemainmenu ul ul {
	position:absolute;
	z-index:1000;
	display:none;
	width:189px;
	margin:26px 0 0 0;
	left:0;
	border-top:none;
}
#placemainmenu ul li ul li, #placemainmenu ul li ul li:hover {
	display:inline;
	width:183px;
	height:28px;
	float:left;
	background:url(../images/dropdown_back.png) no-repeat;
	padding: 2px 0 0 6px;
}
#placemainmenu ul li ul li.top, #placemainmenu ul li ul li.top:hover {
	width:183px;
	height:28px;
	background:url(../images/dropdown_top.png) no-repeat;
	padding:9px 0 0 6px;
}
#placemainmenu ul li ul li.bottom, #placemainmenu ul li ul li.bottom:hover {
	width:183px;
	height:31px;
	background:url(../images/dropdown_bottom.png) no-repeat;
	padding:2px 0 0 6px;
}
#placemainmenu #mainmenu li:hover ul li a, #placemainmenu #mainmenu li:hover ul li a:link, #placemainmenu #mainmenu li:hover ul li a:visited {
	width:159px;
	color:#4b4b4b;
	font-size:1.1em;
	display:inline;
	float: left;
	height:18px;
	padding: 6px 9px 0 9px;
	margin: 0;
	text-transform:none;
	background:none;
	font-weight: lighter;
}
#placemainmenu #mainmenu li:hover ul li a:hover, #placemainmenu #mainmenu li ul li a:hover {
	text-decoration:none;
	color:#fff;
	background:url(../images/dropdown_hover.png) no-repeat;
}
div#placemainmenu li:hover ul ul,
div#placemainmenu li li:hover ul ul
{display:none;}

div#placemainmenu li:hover ul,
div#placemainmenu li li:hover ul
{display:block;}

/*
CONTENT
=====================================================================*/

#contenttop {
	width: 1200px;
	height: 16px;
	background: url(../images/content_top.png) no-repeat;
	font-size: 0;
}
#content {
	width: 1163px;
	background: url(../images/content_back.png) repeat-y;
	padding: 0 17px 17px 17px;
	border-right: 1px solid #ccc;
} 
#maincontent {
	width: 975px;
	min-height: 390px;
	float: left;
	background: url(../images/sepcontent.png) repeat-y 100% 0;
	padding:10px 10px 0 0;
	font-size: 12px;
}

#maincontent_full {
	/*width: 965px;*/
	width: 100%;
	/*min-height: 550px;*/
	min-height: 300px;
	float: left;
	background: url(../images/sepcontent.png) repeat-y 100% 0;
	padding: 0 10px 0 0;
	font-size: 12px;
}

#maincontent_login {
	width: 100%;
	min-height: 300px;
	float: left;
	/*background: url(../images/sepcontent.png) repeat-y 100% 0;*/
	padding: 0 10px 0 0;
	font-size: 12px;
}

/* --------- RIGHT PANEL --------- */
#nav {
	width: 160px;
	float: right;
	font-size: inherit;
}
.boxnav {
	width: 160px;
	border-bottom: 1px solid #d7d7d7;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.boxnav h2 {
	font-size: 1.6em;
	color: #343434;
	padding: 2px 0 10px 0;
}
.boxnav p {
	font-size: 1.2em;
	color: #444;
	line-height: 1.6em;
	padding: 0 0 12px 0;
}

#nav ul.menuiconnav li {
	font-size: 1.2em;
	color: #444;
	margin: 3px 0;
	padding: 4px 0 3px 26px;
	background: none;
	line-height: 1.6em;
}

#nav ul.menuiconnav li.icon14{
	background: url(../images/icon_14.png) no-repeat 0 2px;
}

#nav ul.menuiconnav li.icon14 a:hover
{
	text-decoration: underline;
}

/* FOOTER
=====================================================================*/
#contentbottom {
	/*width: 947px;*/
	width: 1200;
	height: 45px;
	background: url(../images/content_bottom.png) no-repeat;
	margin: 0 0 15px 0;
	padding: 10px 26px 0 26px;
}
#menufooter {
	margin: 0;
}
#menufooter li {
	display: inline;
	/*padding-left:330px;*/
	font-size: 1.1em;
	color: #444;
	/*margin: 0 20px 0 0;*/
}
#menufooter li a, #menufooter li a:link, #menufooter li a:visited {
	color: #444;
}
#menufooter li a:hover {
	color: #000;
	text-decoration: underline;
}

/*========= SPASI ========== */
p, br
{
	line-height: 20px;
}

/*========= <h2> ========== */
h2.mod-title
{
	text-align: center;
	color: #347ea0;
	text-shadow: 1px 1px #c0e0ef;
	font-size: 2em;
}

/*========= <input> ========== */
input.submitcomment {
	width: 141px;
	height: 27px;
	background: url(../images/submitcomment.png) no-repeat;
	border: none;
	color: #545454;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 3px 0;
	text-transform: uppercase;
	cursor: pointer;
}

input.iBig
{
	height: 25px;
	width: 200px;
	padding: 0px 5px;
	font-size: 1.2em;
	color: #666363;
	border: 1px solid #d7d7d7;
}

/*====== <table> =========== */
table.table-style-default
{
	font-weight:normal;
	text-align:justify;
	color:#000000;
	width: 100%;
	border: 1px solid #c0c0c0;
}

table.table-style-default a {color:#ff1945}

table.table-style-default tr.even {
	font-family: Arial;
	background-color:#CCFFFF;
}

table.table-style-default tr.odd {
	font-family: Arial;
	background-color:#FFFFCC;
}

table.table-style-default tr:hover, table.table-style-default tr.odd:hover, table.table-style-default tr.even:hover {
	background-color: #ffe5c1;
}


table.table-style-default tr.title
{
	color:blue;
	font-weight:bold;
	text-align:center;
	line-height:15px;
}

table.table-style-default tr.title:hover
{
	background-color: white;
}

table.table-style-default td
{
	padding: 2px 5px;
	border: 1px solid #c0c0c0;
}


table.table-style-grey
{
	font-weight:normal;
	text-align:justify;
	color:#000000;
	width: 100%;
	border-collapse: collapse; 
}

table.table-style-grey td
{
	padding: 3px 5px;
	border: 1px solid #c0c0c0;
	vertical-align: top;
}
table.table-style-grey tr.title
{
	background-color: #d7d7d7;
	font-weight: bold;
	text-align: center;
}

table.table-style-grey-soft
{
	font-weight:normal;
	text-align:justify;
	color:#000000;
	width: 100%;
	border-collapse: collapse; 
}
table.table-style-grey-soft tr.title
{
	background-color: #f0f0f0;
	font-weight: bold;
	text-align: center;
}

table.table-style-grey-soft td
{
	padding: 3px 5px;
	border: 1px solid #c0c0c0;
	vertical-align: top;
}

table.bordered
{
	border-radius: 1px;
}

table.black-border td
{
	border: 1px solid black;
}

table.strong-border
{
	border: 1px solid #b7b7b7;
}
table.strong-border td, table.strong-border th
{
	border: 1px solid #b7b7b7;
}


/*====== <fieldset> =========== */
fieldset
{
	padding: 20px 10px;
	border: 1px solid #d7d7d7;
}

/*====== FX =========== */
.hide
{
	display: none;
}

.rounded
{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 0px;
}

.panel-blue
{
	background-color: #3bbae8;
	background-image: linear-gradient(bottom, rgb(41,153,222) 0%, rgb(59,186,232) 50%);
	background-image: -o-linear-gradient(bottom, rgb(41,153,222) 0%, rgb(59,186,232) 50%);
	background-image: -moz-linear-gradient(bottom, rgb(41,153,222) 0%, rgb(59,186,232) 50%);
	background-image: -webkit-linear-gradient(bottom, rgb(41,153,222) 0%, rgb(59,186,232) 50%);
	background-image: -ms-linear-gradient(bottom, rgb(41,153,222) 0%, rgb(59,186,232) 50%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(41,153,222)),
		color-stop(0.5, rgb(59,186,232))
	);
	padding: 10px;
	color: white;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.panel-green
{
	background-color: #85c400;
	background-image: linear-gradient(bottom, rgb(85,164,0) 0%, rgb(134,196,0) 50%);
	background-image: -o-linear-gradient(bottom, rgb(85,164,0) 0%, rgb(134,196,0) 50%);
	background-image: -moz-linear-gradient(bottom, rgb(85,164,0) 0%, rgb(134,196,0) 50%);
	background-image: -webkit-linear-gradient(bottom, rgb(85,164,0) 0%, rgb(134,196,0) 50%);
	background-image: -ms-linear-gradient(bottom, rgb(85,164,0) 0%, rgb(134,196,0) 50%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(85,164,0)),
		color-stop(0.5, rgb(134,196,0))
	);
	padding: 10px;
	color: white;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

/*-- PANEL -- */
.head_panel
{
	border: 1px solid #d7d7d7;
	padding: 5px;
	background-image: linear-gradient(bottom, rgb(221,235,235) 28%, rgb(228,240,240) 64%, rgb(237,245,245) 82%);
	background-image: -o-linear-gradient(bottom, rgb(221,235,235) 28%, rgb(228,240,240) 64%, rgb(237,245,245) 82%);
	background-image: -moz-linear-gradient(bottom, rgb(221,235,235) 28%, rgb(228,240,240) 64%, rgb(237,245,245) 82%);
	background-image: -webkit-linear-gradient(bottom, rgb(221,235,235) 28%, rgb(228,240,240) 64%, rgb(237,245,245) 82%);
	background-image: -ms-linear-gradient(bottom, rgb(221,235,235) 28%, rgb(228,240,240) 64%, rgb(237,245,245) 82%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.28, rgb(221,235,235)),
		color-stop(0.64, rgb(228,240,240)),
		color-stop(0.82, rgb(237,245,245))
	);
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	width: 778px;
}

.head_panel label
{
	padding: 0px 5px; 
	margin-top: 2px;
	font-weight: bold;
	color: #2f6d6d;
	text-shadow: 1px 1px white;
}

/* ============= ICON ================= */
.icon_add
{
	background: left center url('../images/plus_16.png') no-repeat;
	padding-left: 20px;
	color: #1a584d;
	font-weight: bold;
}

.btn-green
{
	background-color: #bcefe6;
	border: 1px solid #69b6a8;
	padding: 6px 10px;
	text-decoration: none;
}

.btn-green:hover
{
	background-color: #dafbf5;
	border: 1px solid #69b6a8;
}
span.icon_on
{
	background: center center url('../images/on_icon.png') no-repeat;
	padding: 9px;
}
span.icon_off
{
	background: center center url('../images/off_icon.png') no-repeat;
	padding: 9px;
}
span.icon_plus
{
	background: center center url('../images/plus_16.png') no-repeat;
	padding: 8px;
}
span.icon_list
{
	background: center center url('../images/clipboard_16.png') no-repeat;
	padding: 8px;
}
span.icon_back
{
	background: center center url('../images/back.png') no-repeat;
	padding: 8px;
}
span.icon_next
{
	background: center center url('../images/next.png') no-repeat;
	padding: 8px;
}
span.icon_refresh
{
	background: center center url('../images/refresh.png') no-repeat;
	padding: 8px;
}
span.icon_eraser
{
	background: center center url('../images/eraser.png') no-repeat;
	padding: 8px;
}
span.icon_disconnect
{
	background: center center url('../images/disconnect.png') no-repeat;
	padding: 8px;
}
span.icon_open
{
	background: center center url('../images/open-icon.png') no-repeat;
	padding: 8px;
}
span.icon_search
{
	background: center center url('../images/search-icon.png') no-repeat;
	padding: 8px;
}
span.icon_save
{
	background: center center url('../images/save_16.png') no-repeat;
	padding: 8px;
}

span.icon_print
{
	background: center center url('../images/print.png') no-repeat;
	padding: 8px;
}

span.icon_pdf
{
	background: center center url('../images/pdf_16.png') no-repeat;
	padding: 8px;
}

span.icon_excel
{
	background: center center url('../images/excel_16.png') no-repeat;
	padding: 8px;
}

span.icon_close_square
{
	background: center center url('../images/close-icon-square.gif') no-repeat;
	padding: 8px;
}

span.icon_stamp
{
	background: center center url('../images/stamp.png') no-repeat;
	padding: 8px;
}

span.icon_edit
{
	background: center center url('../images/pencil_16.png') no-repeat;
	padding: 8px;
}

span.icon_cancel
{
	background: center center url('../images/block_16.png') no-repeat;
	padding: 8px;
}
span.icon_delete
{
	background: center center url('../images/delete-icon.png') no-repeat;
	padding: 8px;
}
span.icon_comment
{
	background: center center url('../images/icon_comment.gif') no-repeat;
	padding: 8px;
}
span.icon_check
{
	background: center center url('../images/icon_check.gif') no-repeat;
	padding: 8px;
}

/* ============= BUTTON ================= */
input[type=submit], input[type=button], input[type=reset], button
{
	padding: 3px 5px;
}

.btn_blue_1
{
	border: 1px solid #316c7e;
	background-color: #77a8b7;
	padding: 2px 5px;
	color: white;
	cursor: pointer;
}

.btn_blue_1:hover
{
	background-color: #a4c7eb;
	border: 1px solid #7da6cf;
}

.btn-go
{
	padding: 7px 10px;
	border: 1px solid #d7d7d7;
	text-shadow: 1px 0px #FFF;
	color: #a7a7a7;
	cursor: pointer;
}

.btn-go:hover
{
	color: #fff;
	background-color: #d7d7d7;
}
/* ======== INPUT ============= */
.mac {
    border: none;
    border-radius: 20px;
    padding: 3px 5px;
    color: #333;
    box-shadow: 
        inset 0 2px 0 rgba(0,0,0,.2), 
        0 0 2px rgba(0,0,0,0.1);
}

.mac:focus {
    outline: none;
    box-shadow: 
        inset 0 2px 0 rgba(0,0,0,.2), 
        0 0 4px rgba(0,0,0,0.1), 
        0 0 5px 1px #c9d1f9;
}

input.error
{
	border-color: #eac3c3;
	background-color: #ffecec;
}

span.required
{
	color: red;
	font-size: 16px;
}
/* ======== TEXT ============= */
.strike
{
	text-decoration:  line-through; 
	border: 1px solid black; 
	color: red;
}

.mod-title
{
	display: block;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:blue;
	padding: 10px 0px;
}

/* ========== BOX ======== */
.box-pop
{
	background-color: white;
	padding: 20px;
}

/* ========== PANEL ======== */
.panel-nav
{
	margin: 10px 0px;
}

/* ========== FORM ======== */
.form-label
{
	min-width: 80px;
	vertical-align: top;
}

.form-colon
{
	padding: 0px 10px;
	text-align: center;
	vertical-align: top;
}
.form-field
{
	margin-left: 10px;
	vertical-align: top;
}
.field-strong
{
	color: #e12e58;
	font-weight: bold;
}

.bold
{
	font-weight: bold;
}

.hint
{
	color: grey; 
	font-size: 11px;
}

.ui-datepicker-trigger
{
	padding: 0px 2px;
}

.photo_frame img
{
	border: 1px solid #d7d7d7;
	padding: 2px;
	width: 150px;
}

.att-left
{
	width: 450px;
	float: left;
	margin-right:20px;
}

.att-right
{
	width: 460px;
	float: left;
	border-left: 1px solid #d7d7d7;
	padding-left: 10px;
}

.border-dark
{
	border: 1px solid #c0c0c0;
}
.border-dark th, .border-dark td
{
	border: 1px solid #c0c0c0;
}

#container-calendar
{
	width: 300px;
	float :left;
}

.calendar-event
{
	float : left;
	width: 620px;
	margin-left: 40px;
}
#att-editor-wrapper
{
	background-color: white; 
	padding: 20px; 
	width: 100%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 12px;
}

#pr-po-link-wrapper
{
	background-color: white; 
	padding: 20px; 
	width: 1280px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 12px;
	margin: 0px auto 20px auto;
}

table.table td
{
	padding: 3px 5px;
}

.att-gr1
{
	background-color: #c6ffc6;
	color: #913f1b;
	font-weight: bold;
}

.att-yel1
{
	background-color: #ffd700;
	color: #913f1b;
	font-weight: bold;
}

.att-yel2
{
	background-color: #fcfcac;
	color: #913f1b;
	font-weight: bold;
}

.att-brw
{
	background-color: #cc9900;
	color: #000;
	font-weight: bold;
}

.att-hol
{
	background-color: #9acd32;
	color: #ff0000;
}

.att-nor
{
	background-color: #d7d7d7;
}

.att-lv
{
	background-color: #ffebb4;
}

#test_processing
{
	margin: 0px auto;
	text-align: center;
}

.extended-footer
{
	margin: 0px auto;
	font-size: 14px;
	text-align: center;
}

.odd-yellow
{
	background-color: #fff9c9;
}

.even-green
{
	background-color: #addfe2;
}

.selected-row
{
	background-color: #d7cd95; 
	font-weight: bold;
}

.even-green:hover, .odd-yellow:hover, .selected-row:hover
{
	background-color: #5cad55;
	border: 1px solid #489842;
	color: white;
	font-weight: bold;
}

ul.checkLeft
{
	float: left;
	margin-right: 10px;
}

ol#member_list
{
	margin: 10px 20px;
}

ol#member_list li
{
	padding-bottom: 10px; 
}
input.disabled, select.disabled
{
	background-color: #ebebe4;
}

.strikes
{
	text-decoration: line-through;
	color: #ff0000;
}

.sort
{
	position: relative;
}

.sort span.ctr-up
{
	position: absolute;
	right: 0px;
	top: -5px;
	background: url('../images/ui-icon.png') 0px -16px no-repeat;
	padding: 6px;
}

.sort span.ctr-up:hover
{
	position: absolute;
	right: 0px;
	top: -5px;
	background: url('../images/ui-icon-hov.png') 0px -16px no-repeat;
	padding: 6px;
}

.sort span.ctr-down
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url('../images/ui-icon.png') -65px -16px no-repeat;
	padding: 6px;
}

.sort span.ctr-down:hover
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url('../images/ui-icon-hov.png') -65px -16px no-repeat;
	padding: 6px;
}

.warning
{
	background-color:#fffae7; 
	border: 1px solid #e4d9b2;
	padding: 10px 20px; 
	margin: 0px auto; 
	text-align: center; 
	color: #ff0000;
}

.done
{
	background-color: #e9fee0;
	border: 1px solid #bde1ae;
	padding: 10px 20px; 
	margin: 0px auto; 
	text-align: center; 
	color: #4f9133;
}

.inline-block
{
	display: inline-block;
}

.inline-block > *
{
	display: inherit;
}

#accordion > h3 {
	padding: 5px 10px 5px 25px;
}

#accordion .accontent {
	min-height: 300px;
}


/* POPOVER */
.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}
/* END POPOVER */



/* TOOLTIPS  */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
/* END TOOLTIPS */

/* ScrollTop */
.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:15px;
	right:-10px;
	display:none;
	background: url('arrow_up.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}
/* end */