/* GLOBAL STYLES
-------------------------------------------------- */
    /* Padding below the footer and lighter body text */

 body {
      padding-bottom: 20px;
     margin:0;
	padding:0;
	/* background: #000000 url(../cov/topTile.gif) repeat-x left top; */ /* repeatimage along the top of page */
 /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	background-image:url(../cov/bck80.jpg);
	background-repeat: repeat;
    background-position: left top;
    
	 /* background-color:#fff; */
	  /*#0b1926*/
    }

.white_text {
      font-size: 16px;
      font-weight: bold;
      color:#fff;
	  padding: 14px 20px 16px;
    }
	
.smalltext {
      font-size: 10px;
      font-weight: normal;
      color: #333;
	  padding: 4px 4px 4px;
    }	
.textfield{
      font-size: 16px;
      font-weight: bold;
      color:#fff;
	  padding: 10px 10px 10px;
	  width:300px;
	  
	  
	}
	
.Copyright {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	}
	
	.blockquote {
	font-size: 16px;
      font-weight: bold;
      color: #666;

	}
	
.imagebox {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	 
}

.logobox {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	 
}

/***********************
  OUTLINE BUTTONS
************************/

.btn.outline {
    background: none;
    padding: 10px 10px;
}
.btn-primary.outline {
	border: 2px solid #007299;
	color: #007299;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #33a6cc;
    border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}


	
.inputpadding {
	padding: 4px 20px 4px ;

	}	
	
.hide {
	display: none;
   visibility: hidden;
   opacity: 0;
}
	
.profilepanel {
	font-size: 12px;
      font-weight: normal;
      padding-top: 2px; 
	  padding-bottom: 2px;/* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. Green 390 */
	 background-color: #366;
	  text-align:center;
	  color: #FFF;
	  border-radius: 4px 4px 4px 4px;
	  letter-spacing: 0px;
	word-spacing: 0px;
	margin-bottom: 2px;
	}

.blackbck {
	
     padding-top: 2px; 
	  padding-bottom: 2px;/* Vertically center images part 1: add padding above and below text. */
     background-color: #000;
	  margin-bottom: 2px;
	}	
	
	
label {
  display: inline-block;
  margin-bottom: 0px;
  font-weight: normal;
  text-align:left;
  color: #900;
  }	
  
.profile-details{
    font-weight: bold;
    color: #009;
 /*  text-transform: uppercase; */
    font-size: 13px;
}  

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.formborder{
   width:500px;
   padding-top: 10px;
   padding:10px;
   border:1px solid  #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-right: auto;
	margin-left: auto;
	*zoom: 1;
	position: relative;
}
	
.panel {
	font-size: 16px;
    font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	
    padding-top: 10px; 
	padding-bottom: 10px;/* Vertically center images part 1: add padding above and below text. */
    overflow: hidden; /* Vertically center images part 2: clear their floats. Green 390 */
	background-color: #366;
	text-align:center;
	color: #FFF;
	border-radius: 6px 6px 6px 6px;
	letter-spacing: 4px;
	word-spacing: 4px;
	}

.img{
	border-radius: 8px 8px 8px 8px;
	
}

#wrap .statusmsg{
    font-size: 12px; /* Set message font size  */
    padding: 3px; /* Some padding to make some more space for our text  */
    background: #EDEDED; /* Add a background color to our status message   */
    border: 1px solid #DFDFDF; /* Add a border arround our status message   */
}

.formbox{
	box-sizing: 90%;
	width: 800px;
	float: center;
}
	 
.contactrow{
	margin-left: 0px;
  *zoom: 1;
}
	
.blackcont{
	font-size:14px;
	text-align:center;
	font-weight: 600;
	color:#FFF; 
	background: #666;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	 border-radius: 5px 5px 5px 5px;
	
}

.e.mail:before {
   content: attr(data-website) "\0040" attr(data-user);
   unicode-bidi: bidi-override;
   direction: rtl;
}

.span.codedirection { 
unicode-bidi:bidi-override; direction: rtl; 
}
	
.rowleft{
 float:left
}
.rowright{
 float:right
}
- MODAL 




	
    /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
	padding-bottom: 40px;
	color: #000000;
    }
	
.raqu {
	 font-size: 14px;
      font-weight: bold;
		color:#F00;
}
	 
	



  /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
.nav_subheading	{
	font:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 14px;
	color: #6C6;
	text-align:center;
	letter-spacing: 3px;
	word-spacing: 3px;
	background-color:#000;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0px 0px 4px 4px;
	
}
	
	
	
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
		
      padding: 0px 0px 0px; /* Increase vertical padding to match navbar links */
      
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }
	
	/* HOVER FOCUS COLOUR */
	
	  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #390;
  }



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 60px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 80px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 500px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
    }

    .carousel-caption {
      background-color: #000 ;
	  opacity: .5;
      position: static;
      max-width: 650px;
      padding: 10px 10px;
      margin-top: 400px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,0);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
	  width: 340px;	  
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
	margin: 5px 0;
	color: #D4D4D4;	   /* Space out the Bootstrap <hr> more */
    }
    .featurette {
		text-wrap:normal;
	      padding-top: 5px; 
	  padding-bottom: 5px;/* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
	margin-top: -100px;
	border: 1px solid #000; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 20px;
    }
    .featurette-image.pull-right {
      margin-left: 20px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 20px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


     @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }

	}





	
/* ----PHOTO MOUSE OVERS ----- */

.view {
   width: 200px;
   height: 275px;
   margin: 2px;
   float: left;
   border: 1px solid #000;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   /*background: #fff url(../images/bgimg.jpg) no-repeat center center; */
}
.view .mask,.view .content {
   width: 200px;
   height: 275px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h5 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 14px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view h6 {
   font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}


	
.view a.info {
	font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size: 14px;
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.clr{
	clear: both;
}
.main{
	position:relative;
	padding-top:10px;
	padding-bottom:10px
    width:940px;
    margin: 0 auto;
}

h5{
	margin: 0px;
	padding: 20px 20px 10px 20px;
	font-size: 18px;
	color: #6C0;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
	font-weight: bold;

}
h5 span{
    display:block;
	font-size: 14px;
    font-family: Verdana, Geneva, sans-serif, Arial, Helvetica, sans-serif;
    font-style: normal;
	color:#b2891b;
	padding-top:10px;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}









.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(219,127,8, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h5 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first h6 {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h5,
.view-first:hover h6,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover h6 {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
	
	
	
	
	
	
	
	.hovereffect {
  width:100%;
  height: 100%px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #42b078;
}

.hovereffect .overlay {
  width: 100%px;
  height: 100%px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}	


 PORTAL SINGIN 
  

      .form-signin {
        max-width: 300px;
		text-align:center;
        padding: 19px 29px 29px;
        margin: 0 auto 20px;
        border: 1px solid #000;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
           -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
      }
      .form-signin .form-signin-heading,
      .form-signin .checkbox {
        margin-bottom: 10px;
      }
      .form-signin input[type="text"],
      .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
      }
}

.box{
	width: 700px;
}

.exp {
	text-align: center;
	font-size: 11px; 			width: 80px;
	  float: left;
    }
	
	.formheader {
	text-align: center;
	float: center;
	margin-left: 20px;
	width: 727px;
	height: 75px;
	border: thin solid #000;
	}

.content {
	text-align: center;
	float: center;
	margin-left: 20px;
	width: 727px;
	height: 250px;
	border: thin solid #000;
}
.space {
	width: 100%;
	height: 5px;	
}
.cont {
	background-color: #6FC;
}
.avail {
	background-color: #FF9;
}
.prof {
	background-color:#FCC;
}




/* TEXT BOX */

/* Rounded Corner */
.tb5 {
	border:1px solid  #000;
	border-radius: 5px;
	height: 22px;
	width: 55px;
	background: #ddd;
	colour: 000;
}

.loginborder{
	border:1px solid  #000;
	border-radius: 5px;
	float:center;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px; 
	padding-bottom: 5px;
	
	}

/* LIST MENU */
.styled-select select {
   background: transparent;
   width: 200px;
   padding: 2px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
   }
   .styled-select {
   width: 200px;
   height: 30px;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }