/* Move down content because we have a fixed navbar that is 50px tall */
body 
{
	/*background: url("../images/background-page.gif") #ecf4f9 repeat-y scroll center top;*/
	background-color:#ECF4F9;	
	/*padding-top: 50px;
	padding-bottom: 20px;*/
}

.background 
{
	background-color:#FFF;	
	margin:auto; 
	border-top-style: none; 
	padding-top: 0px;
	border-right-style: none; 
	border-left-style: none; 
	position: relative; 
	text-align: none; 
	border-bottom-style: none;
}

.content-body
{
	padding-right: 10px;
	padding-left: 10px;
	padding-top:0px;
	min-height:300px;
}
.container 
{
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
    /*width: 100%;*/
  }
}

@media (min-width: 992px) {
  .container {
    /*width: 970px;*/
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    /*width: 960px;*/
    width: 99%;
  }
}

#header_top {
	/*BACKGROUND: url(../images/ap_top_banar_02.jpg) no-repeat left top; */
	margin: 0px auto; 
	width: 100%;
	/*Height: 129px; */
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	POSITION: relative;
	TEXT-ALIGN: none; 
	BORDER-BOTTOM-STYLE: none;
	}
#header_menu {
	width:100%;
	height:100%;
	background-color:#babbbd; 
	padding:0px 10px 0px 0px;
	text-indent:0px;
	color:#000000;
	font-family: Calibri;
	font-size:.90em;
	letter-spacing:0px;
	text-align:right;
}
#header_menu a {
	color:#666666;
	text-decoration:none;
}
#header_menu a:hover {
	color:#1b70c7;
	text-decoration:none;
}
#mainmenu1 { 	
    margin:auto; 
    width:100%; 
    height:100%; 
    background-color:#007db0; 
    text-indent:0px; 
    color:#ffffff; 
    font-family: Calibri; 
    text-align:left; 
    letter-spacing:.20px; 
    font-size:.90em; 
    float:left;
    }	
#mainmenu1 UL {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;}
#mainmenu1 UL LI {
	padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px;}
#mainmenu1 UL LI A {
	padding-right:0px; padding-left:10px; font-weight:none; float: left; padding-bottom: 0px; color: #fff; padding-top: 3px; text-decoration: none; height:25px; margin-right:10px;}
#mainmenu1 UL LI.selected A {
	background:url(none) no-repeat 0px 0px; height:25px; background-position:center; background-position:bottom; COLOR:#000000;}
#mainmenu1 UL LI A:hover {
	 border-right: none; background:url(none) no-repeat 0px 0px; color: #000; text-decoration: none; height:25px; background-position:center; font-weight:none; background-position:bottom;}    
.page-header
{
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/*Navbar*/
.navbar
{
	/*position: relative;*/
	min-height: 15px;
	margin-bottom: 0px;
	border: 0px solid transparent;
}

.navbar_position
{
	position: static;
	right: 0;
	left: 0;
	top : 0;
	z-index: 1030;
	margin-bottom: 0;
}

.navbar-nav > li > a 
{
	padding: 8px;
	padding-bottom: 8px;
	color:#FFFFFF;
}

.navbar-nav > li > a:hover 
{
	background-color: #007db0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  /*background-color:#007db0;*/
  background-color: #000;
  border-color:#428BCA;
  color: #FFFFFF;
}
.navbar-inverse
{
	background-color: #007db0;
	color: #FFF;
}

.navbar-toggle {
  border-color:#007db0;
}
.navbar-toggle .icon-bar {
  background-color:#FFFFFF;
}
.navbar-inverse-top
{
	/*background-color: #000;*/
        background-color: #007db0;
	color: #FFF;
}

.navbar-inverse .navbar-nav > li > a 
{
	color: #FFF;
}

.navbar-inverse .navbar-nav > li > a:hover 
{
	color:#D9EDF7;
	/*text-decoration:underline;*/
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus 
{
	color: #fff;
	background-color: #007db0;
}

.header 
{
	padding-right: 15px;
	padding-left: 15px;
}


.panel-footer 
{
	background: url("../images/bg_footer.jpg") repeat-x top;
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #dddddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

#error 
{ 
	font-size: 14px; 
	display: block; 
	padding: 15px; 
	position: absolute; 
	top: 0; left: 0; 
	right: 0;
	background-color: #FF0000; 
	color: #FFFFFF;
}

#error p 
{ 
	margin: 0; 
	padding: 5px 0 0 0;
}

#success 
{ 
	font-size: 14px; 
	display: block; 
	padding: 15px; 
	position: absolute; 
	top: 0; left: 0; 
	right: 0;
	background-color: #5FB404; 
	color: #FFFFFF;
}

#success p 
{ 
	margin: 0; 
	padding: 5px 0 0 0;
}

div.success 
{
	background: #cbffd1;
	border: 1px solid #63d872;
	color: #2f7038;
}

div.error 
{
	background: #f8c9c9;
	border: 1px solid #ee9b9b;
	color: #864d4d;
}

.progressbr 
{
	text-align: center;
	border: 2px solid #63d872;
	background: #cbffd1;;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 3px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-size: 14px;
}

input,select 
{
	border: 1px solid #dadada;
	border-radius: 5px;
}

input:focus 
{ 
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
}

select:focus 
{ 
	outline: none;
	border-color: #9ecaed;
	box-shadow: 0 0 10px #9ecaed;
}

.font
{
	font-weight: bold;
}

@media screen and (max-width: 767px) 
{
.row-offcanvas 
{
	position: relative;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.row-offcanvas-right
.sidebar-offcanvas 
{
	right: -50%; /* 6 columns */
}

.row-offcanvas-left
.sidebar-offcanvas 
{
	left: -50%; /* 6 columns */
}

.row-offcanvas-right.active 
{
	right: 50%; /* 6 columns */
}

.row-offcanvas-left.active 
{
	left: 50%; /* 6 columns */
}

.sidebar-offcanvas 
{
	position: absolute;
	top: 0;
	width: 50%; /* 6 columns */
}
 
}

.img-center 
{
 	margin: 0 auto;
}

.row
{
	/*margin: 0px;*/
	padding: 0px;
}

.row-form
{
	/*max-width: 900px;*/
	margin: 0px;
	padding: 0px;
}

 .form-signin 
 {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox 
{
	margin-bottom: 10px;
}

.form-signin .checkbox 
{
	font-weight: normal;
}

.form-signin .form-control 
{
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form-signin .form-control:focus 
{
	z-index: 2;
}

.form-signin input[type="text"] 
{
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.form-signin input[type="password"] 
{
	/*margin-bottom: 10px;*/
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn-pd 
{
	margin-top: 10px;
}

.text-pd 
{
	margin-left: 10px;
	margin-right: 10px;
}

.input-recaptcha
{
 	width:172px; 
}

.icon-refresh 
{
	background-position:-240px -24px;
}

/*div#footer-wrap 
{
	background:#03234E; 
	height:30px; 
	position:relative;
	size: 10px;
}

div#footer 
{
	margin:0; 
	padding:0px;
}

div#footer-bottom
{
	color:#86A4CC; 
	font-size:0.9em; 
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}
*/

table
{
	/*max-width:100%;*/
	background-color:transparent
}

.table
{
	/*width:100%;*/
	margin-bottom:20px
}

.table > thead > tr > th.info,
.table > thead > tr.info > th
{
	background-color: #A2C0DA;
}

.table > tbody > tr > td > label
{
	font-weight:lighter;
}

[class^="icon-"], [class*=" icon-"] 
{
	background-image:url(../images/glyphicons-halflings.png);
	background-position:14px 14px;
	background-repeat:no-repeat no-repeat;
	display:inline-block;
	height:14px;
	line-height:14px;
	margin-top:1px;
	vertical-align:text-top;
	width:14px;
}

/*Breadcrumb wizards*/
.wizard a 
{
	padding: 4px 6px 4px 25px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom:5px;
	background: #efefef;
	position: relative;
	display: inline-block;
}

.wizard a:before 
{
	width: 0;
	height: 0;
	border-top: 20px inset transparent;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #fff;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
}

.wizard a:after 
{
	width: 0;
	height: 0;
	border-top: 20px inset transparent;
	border-bottom: 20px inset transparent;
	border-left: 20px solid #efefef;
	position: absolute;
	content: "";
	top: 0;
	right: -20px;
	z-index: 2;
}

.wizard a:first-child:before,
.wizard a:last-child:after 
{
	border: none;
}

.wizard a:first-child 
{
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.wizard a:last-child 
{
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.wizard .badge 
{
	margin: 0 5px 0 18px;
	position: relative;
	top: -1px;
}

.wizard a:first-child .badge 
{
	margin-left: 0;
}

.wizard .current 
{
	background: #007ACC;
	color: #fff;
}

.wizard .current:after 
{
	border-left-color: #007ACC;
}

.form-control 
{
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#line_01_a {
	/*BACKGROUND: url(../images/img_fla.jpg) no-repeat; */
	MARGIN: 0px; 
	WIDTH: 640px;
	Height: 300px; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TOP: 0px; 
	TEXT-ALIGN: none; 
	BORDER-BOTTOM-STYLE: none;
	float:left
	}
	
	#line_01_c {
	BACKGROUND: #8f8d8d; 
	WIDTH: 319px;
	Height: 300px;
	PADDING-TOP: 0px; 
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none; 
	TEXT-ALIGN: none;
	margin-left:1px;	
	float:right;
	FONT-SIZE: 80%; 
	}
	#line_01_c_menu {
	color:#ffffff;
	line-height:17px;
	font-weight:normal;
	float:left;
	text-align: justify;
	}
	#line_01_c_menu a {
	color:#ffffff;
	text-decoration:none;
	}
	#line_01_c_menu a:hover {
	color:#000000;
	text-decoration:none;
	}
	
	
#line_02_main_a {
	BACKGROUND: none; 
	MARGIN: 0px; 
	WIDTH:100%;
	Height: auto; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 0px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	TOP: 0px; 
	TEXT-ALIGN: none; 
	BORDER-BOTTOM-STYLE: none;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
	float:left;
	}
#line_02_main_b 
{
	background: none; 
	margin: 0px; 
	width: 720px;
	height: auto; 
	border-top-style: none; 
	padding-top: 0px; 
	border-right-style: none; 
	border-left-style: none;
	top: 0px; 
	text-align: none; 
	border-bottom-style: none;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:0px;
	float:right;
}	
	
	
#line_02_a 
{
	background: #ffffff url(none) no-repeat; 
	margin: 0px; 
	width: 240px;
	height: 201px; 
	border-top-style: none; 
	padding-top: 0px; 
	border-right-style: none; 
	border-left-style: none; 
	top: 0px; 
	text-align: none; 
	border-bottom-style: none;
	margin-top:0px;
	float:left;
}
#line_02_n 
{
	background: #E5E5E5 url(none) no-repeat; 
	margin: 0px; 
	width: 100%;
	height:100%; 
	border-top-style: none; 
	padding-top: 0px; 
	border-right-style: none; 
	border-left-style: none; 
	top: 0px; 
	text-align: left; 
	border-bottom-style: none;
	margin-top:0px;
	margin-left:0px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}	
	
#line_03_a {
	background:none; 
	width:475px; 
	float:left;
	}

#line_03_b {
	background:none; 
	width: 240px;
	float:left;
	}
	
	#line_03_c {
	background:none; 
	width: 240px;
	float:right;
	padding-right:1px;
	}
	
#column_inner_3ontent
{
	height:auto;
	font-size:14px;
	position:relative;
	padding: 5px 5px 5px 20px;
	margin-bottom:15px;
	background: #ededed url(none) top left no-repeat;	
	width:100%;
	clear:both;
	border-radius: 10px 10px 0px 0px;
	float: right;
	text-align: justify;
}
	
#column_inner{
	height:auto;
	position:relative;
	padding: 5px 5px 5px 5px;
	margin-bottom:15px;
	background: #ededed url(none) top left no-repeat;	
	width:100%;
	clear:both;
	border-radius: 10px 10px 0px 0px;
	float:right;
	text-align: justify;
}
	
#q_link_menu {
	padding:0px 0px 0px 0px;
	color:#555555;
	line-height:40px;
}
#q_link_menu a {
	padding-left:10px;
	color:#007db0;
	text-decoration:none;
	background-color:#e5e5e5;
	display:block;
	border-bottom:1px solid #999999;
}
#q_link_menu a:hover {
	color:#ffffff; 
	text-decoration:none;
	background-color:#b7b7b7;
	display:block;
	border-bottom:1px solid #999999;
}
#footer_wrapper {
	background: url("../images/bg_footer.jpg") repeat-x top;
	height:155px;
	width:100%;
	float:left;
	position:relative;
	padding:0;
	margin:auto;
}
/*
#footer {
	margin:0 auto;
	width:100%;
	overflow:auto;
	padding:30px 0px 0px 0px;
	text-indent:10px;
	}
*/

#footer {
	background-color:#000;
	position: relative;
	bottom: 0;
	padding:10px 0px 0px 0px;
	color: #FFFFFF;
	height: 40px;
}

#footer_box_01 {
	WIDTH:240px;
	Height:120px;
	text-align:left;
	float:left;
	}
	#footer_box_02 {
	WIDTH:240px;
	Height:120px;
	text-align:left;
	float:left;
	}
	#footer_box_03 {
	WIDTH:240px;
	Height:120px;
	text-align:left;
	float:left;
	}
	#footer_box_04 {
	WIDTH:240px;
	Height:120px;
	text-align:left;
	float:left;
	}
	
#navigation {font-size:.75em; color:#8a8989; width:200px; font-family:Helvetica;}
#navigation ul {margin:0; padding:0;}
#navigation li {list-style: none; padding-top:5px;}
	
#footer a {
	color:grey;
	text-decoration:none;
}
#footer a:hover {
	color:#FF0;
	text-decoration:none;
}

.footer_text{
	color:#FFFFFF;
	padding-top:20px;
	line-height:15px;
	margin-left:100px;
	text-align:center;
	font-style:normal;
	padding-bottom:10px;
	width:950px;
}
/*
a {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#1b70c7;
	text-decoration:none;
}
*/
p { font-size:.80em; letter-spacing:1px; line-height:17px; color:#000000; text-align:justify; font-weight:normal; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px;}	

h1 { font-size: 2.1818em; color:#666666; font-weight:normal; margin: 10px 0px 10px 0px; padding:0px; border-bottom:1px solid #999999;}
h2 { font-size: 1.2em; color: #000000;  font-weight:normal; margin: 0px 0px 20px 0px; padding: 0px;}
h3 { font-size: 1em; color: #1b70c7;  font-weight:normal; margin: 15px 0px 15px 0px; padding: 0px; border-bottom:1px solid #1b70c7;}

.col-xs-2
{
	padding-right:5px;
}
.col-xs-3
{
	padding-left:5px;
}
.col-xs-4
{
	padding-left:0px;
}
.col-xs-7
{
	padding:0px;
}
.col-xs-8
{
	padding-right:0px;
}

 .aslide 
 {
    display: none;
}
.aslide img 
{
    max-width: 100%;                
}

#slider 
{
    width: 100%;
    height: 600px;
}

.aslide .text 
{
    width: 200px;
    margin: 0 auto;
    color: #f8f8f8;
    text-shadow: 0 0 2px #000;
    font-weight: bold;
    font-size: 36px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    font-family: sans-serif;
}

.key_feature
{
	float:left; height:300px; padding-left:5px; padding-right:5px; padding-top:10px; background-color:#878787; text-align:left;
}

.form-horizontal > fieldset {
	padding: 10px;
}

    /*Pagination*/
.pagination {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
}

@media (max-width:768px){.img-center{margin: 21px 0 auto;}}

audio { width: 45px; }
/*start drag and drop*/
#drag_and_drop span {
    margin-left: -0.3em;
    position: absolute;
}
#drag_and_drop .ui-icon {
    background-image: url("../images/ui-icons_888888_256x240.png");
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon {
    height: 16px;
    width: 16px;
}
.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
/*end drag and drop*/
/*multilevel menu*/
.dropdown-submenu{
    position:relative;
}
 
.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    color:#333;
    border-radius: 0px;
}
 
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
    color: #262626;
}
 
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.select2-container .select2-choice {
    border: 1px solid #ccc !important;
    height: 30px !important;
}

.font12bold{
    font-weight: bold;
    color:green;
}

.icon-arrow-left {
    background: url("../images/glyphicons-halflings.png") repeat scroll 35px 85px;
    height: 14px;
    width: 14px;
}

.icon-arrow-right {
    background: url("../images/glyphicons-halflings.png") repeat scroll 15px 85px;
    height: 14px;
    width: 14px;
}

.unlink_menu_item {
    color: #428bca;
}

#myTable .odd{
    background-color: #d9edf7;
}

#drag_and_drop .odd{
    background-color: #d9edf7;
}
/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	padding-left:0px;	
}*/
.addmore {
    margin-bottom: 3px;
    margin-right: 3px;
    float: left;
    text-align: center;
}