/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,800,300);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
*{
	margin:0; padding:0px;
}
body{
	width:100%; background-color:#fcfcfc; color:#000;
	font-family: Calibri, Helvetica, Verdana, Arial;
	/*background-image:url(images/body_bg.png); background-repeat:repeat-x; background-color:#f7f7f7; background-position:top;*/
}
h1{
	color:#333;	padding:5px 0; margin:10px 0;
	font-weight:bold; font-size:48px; font-family: Ubuntu, 'Open Sans', Calibri;
	text-shadow:2px 2px 3px #000;
	text-transform: capitalize;
}
h2{
	font-size:27px;	font-weight:bold; color:#900; /*font-variant: small-caps;*/ font-family: Ubuntu, 'Open Sans', Calibri;
	padding:5px 0; margin:5px 0;
	/*text-shadow:2px 2px 2px #000; */
	text-transform: capitalize;
}
h3{
	color:#000000;
	font-family:Arial; font-size:21px; font-weight:bold; font-family: Ubuntu, 'Open Sans', Calibri;
	padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:3px;
	text-transform: uppercase; border-bottom:2px solid #f0f0f0; background-color:#fff;
}
.title{
	color:#191919; padding:3px 0; margin:5px; float:left;
	font-weight:bold; font-size:30px;
	text-shadow:1px 1px 1px #000;
}
.menuitem{
	font-size:15px;	color:#900; font-weight: normal; font-family: Ubuntu, 'Open Sans', Calibri;
	padding:0px; margin:10px 10px 0 0; float: right;
	text-shadow:0px 0px 0px #000;
	margin:0px; padding:15px 10px 15px 5px; 
	border-bottom:3px solid transparent;
}
.menuitem:hover{
	border-bottom:3px solid #900; background-color:#fafafa;
}

a{
	font-weight: bold; text-decoration: none; color:#000;
}
a:hover {
	color:#333; border-bottom:0px solid #333;
}

#wrapper{
	width:100%;position: absolute;
	width:999px;position:static; margin:50px auto;
}
#header{
	width:100%; position:fixed; top:0px; left:0px; height:50px;
	background-color:#fff; z-index:999; color:#900;
	box-shadow:0 0 2px #000; -moz-box-shadow:0 0 2px #000; -webkit-box-shadow:0 0 2px #000;
}
#header-inner{
	width:999px; margin:0px auto; display:block; z-index:999; height:50px;
}
#bodym{
	width:100%;	text-align:center; display:block; position:relative; margin-top:10px; min-height:520px; vertical-align: middle;
}
#footer{
	width:100%; text-align:center; display:block; position:relative; color:#171717; vertical-align: middle; margin:20px auto 10px auto;
	font-size:14px; font-family:'Open Sans';
}
#header a{color:#fff;text-decoration: none;}
#header a:hover{color:#fff;text-decoration: none;border-bottom:0;}

div#is2c{
	width:300px; min-height:200px; margin: 5px; padding: 5px; height:150px;
	font-size:13px; color:#333333; text-align: left;line-height:18px;
	border:1px solid #CCC; border-color:#E4E4E4 #BEBEBD #BEBEBD #E4E4E4;
	display:block; float:left; background-color:#FFF; overflow: auto;
	box-shadow:1px 1px 2px 0 #D0D0D0; -moz-box-shadow:1px 1px 2px 0 #D0D0D0; -webkit-box-shadow:1px 1px 2px 0 #D0D0D0;
	
	width:600px; max-width:100%; min-height:200px; margin: 5px; padding: 5px 15px; height:auto;
	font-size:15px;
}
div#is2c>p{
	/*border-bottom:0px solid #f7f7f7;*/ padding:5px 0; font-weight: bold; font-size:16px; vertical-align: bottom;
}
div#is2c>p:nth-child(even){
	/*background-color:#e7e7e7;*/
}

.search-form{
	width:550px;height:auto;margin:50px auto;max-width:100%;width: auto;margin-bottom:0px;
}
.search-box{
	border:1px solid #006; height:40px; width:420px;font-size:18px; padding:0px 10px;
}
.search-box:hover{
	border:1px solid #006; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
}
.search-box:active {
	border:1px solid #006;
}
.search-button{
	border:0px; height:42px; width:auto;font-size:18px;cursor: pointer;color:#fff; padding: 5px 20px;
	background-image: url('images/search-icon.png'); border-radius:3px;
}
.search-button:hover{
	box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
}
a.search-button:hover{
	color:#fff; border-bottom:0;
}

.g4 {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#404040), to(#000));
   background-image: -webkit-linear-gradient(top, #404040, #000); 
   background-image: -moz-linear-gradient(top, #404040, #000);
   background-image: -ms-linear-gradient(top, #404040, #000);
   background-image: -o-linear-gradient(top, #404040, #000);
}
div#optionbox{
	width:400px; min-height:0px; padding: 5px; max-height:250px;
	position: relative; text-align: left; visibility: hidden;
	border:1px solid #CCC; /*border-color:#E4E4E4 #BEBEBD #BEBEBD #E4E4E4;*/
	background-color:#FFF; color:#333;
	box-shadow:1px 1px 2px 0 #D0D0D0; -moz-box-shadow:1px 1px 2px 0 #D0D0D0; -webkit-box-shadow:1px 1px 2px 0 #D0D0D0;
}
.search-form:focus>div{
	visibility: visible;
}
.search-box:active div#optionbox{
	visibility: visible;left:0px;
}

.listingText{
	font-weight: normal; text-transform:lowercase; text-transform:capitalize;
}
p.titletext{
	background-color:#780000;color:#fff;text-align: center;font-weight: bolder;line-height:20px;
	
	background-color:transparent; text-align:left; text-transform:capitalize;
	font-size:21px !important; color:#424242; font-weight:500; line-height: 25px; margin: 5px; border-bottom:4px solid #eee;
}
.regform{
	width:auto;margin:10px auto;text-align:left;
}
.regform p{
	margin:10px 5px; text-align:left; font-size: 20px; font-weight: bold;
}

/*
::-webkit-scrollbar {width: 12px;background-color:#fff;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;background-color:#900;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px;background-color:#fff;}
*/
::-webkit-scrollbar {width: 12px;background-color:#fefefe;}
::-webkit-scrollbar-track {border-radius:0px; background-color:#efefef;}
::-webkit-scrollbar-thumb {border-radius:0px; background-color:#1d1d1d;opacity:70%}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
    
    max-width:80%;
    width:400px;
    text-align:left;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    
    color:#900; margin:10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
    
    background-color: #f7f7f7;
    color: #000;
}

.modal-body {
	padding: 2px 16px;
	font-size:18px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;

    padding: 15px;    
    background-color: #fff;
    color: #000;
}
.frmEnq{
}
.frmEnq label{
    font-size:18px; font-weight:bold;
}
.frmEnq input {
    height:20px; width:90%; 
    border:1px solid #006; height:35px; font-size:15px; padding:0px 10px;
}
.frmEnq textarea {padding:0 10px; width:90%;}


/************** Stars [http://voidcanvas.com/make-simple-star-rating-by-radio-buttons-using-css/] *******/
form .stars {
  background: url("images/stars.png") repeat-x 0 0;
  width: 150px;
  margin: 0 auto;
}
 
form .stars input[type="radio"] {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
form .stars input[type="radio"].star-5:checked ~ span {
  width: 100%;
}
form .stars input[type="radio"].star-4:checked ~ span {
  width: 80%;
}
form .stars input[type="radio"].star-3:checked ~ span {
  width: 60%;
}
form .stars input[type="radio"].star-2:checked ~ span {
  width: 40%;
}
form .stars input[type="radio"].star-1:checked ~ span {
  width: 20%;
}
form .stars label {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0!important;
  padding: 0!important;
  text-indent: -999em;
  float: left;
  position: relative;
  z-index: 10;
  background: transparent!important;
  cursor: pointer;
}
form .stars label:hover ~ span {
  background-position: 0 -30px;
}
form .stars label.star-5:hover ~ span {
  width: 100% !important;
}
form .stars label.star-4:hover ~ span {
  width: 80% !important;
}
form .stars label.star-3:hover ~ span {
  width: 60% !important;
}
form .stars label.star-2:hover ~ span {
  width: 40% !important;
}
form .stars label.star-1:hover ~ span {
  width: 20% !important;
}
form .stars span {
  display: block;
  width: 0;
  position: relative;
  top: 0;
  left: 0;
  height: 30px;
  background: url("images/stars.png") repeat-x 0 -60px;
  -webkit-transition: -webkit-width 0.5s;
  -moz-transition: -moz-width 0.5s;
  -ms-transition: -ms-width 0.5s;
  -o-transition: -o-width 0.5s;
  transition: width 0.5s;
}

.profile p{
  font-size:17px; padding:5px 2px;
}
.profile p>img{
  margin:0 5px; padding:0 5px;
}


/* index ajax dd */
.search-ul{
	list-style-type:none; padding:0px; width:100%; min-height:0px; max-height:250px; overflow-x:hidden; overflow-y:auto;
}
.search-li{
	border-bottom:2px solid #f3f3f3; font-size:18px; padding:5px 15px; margin:0px; cursor:pointer; color: #000;
}
li.search-li>span{
	height:24px; overflow:hidden;
}
.search-li:hover{
	 color: #fff; background-color: #900;
}


/*pagination*/
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin: 15px auto;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #00;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: #fff;
    border: 1px solid #4CAF50;
    background-color: #c00;border: 1px solid #c00;
    font-weight:bold;
}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

div.center {text-align: center;}


/*chatpage*/
.profile{
    width:720px;float:left;text-align:left;background-color:#fff;border:2px solid #eee;
}
.spons{
    width:250px;height:547px;float:left;display:block;background-color:#eee;
}

/*chatmsgs*/
.chatmsgs{
    height:400px; overflow-y:scroll;
}

ul.ul-msglist {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin: 15px auto;
}
ul.ul-msglist li {display: block;}
ul.ul-msglist li a {
    color: #000;
    float: left;
    padding: 5px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    text-align:left; background-color:#fff; display:block; width:230px;
}
ul.ul-msglist span.clsname {
    float:left;
}
ul.ul-msglist span.clstime {
    float:right; color:#aaa; font-weight:normal; font-size:14px;
}

/*chatmsgs*/
ul.ul-msg {
    display: block;
    padding: 0 15px;
    margin: 0px auto;
}
ul.ul-msg li.li-msg {
    display: block;
    color: #000;
    padding: 0px;
    text-decoration: none;
    transition: background-color .3s;
    text-align:left;
}
ul.ul-msg span.li-msg-from-left {
    float:left; padding:5px; color: #000; width:200px; font-weight:bold; text-align:left; color:#333; font-size:16px; margin-top:15px;
}
ul.ul-msg span.li-msg-from-right {
    float:right; padding:5px; color: #000; width:200px; font-weight:bold; text-align:right; color:#22A7F0; font-size:22px; color:#333; font-size:16px; margin-top:15px;
}

ul.ul-msg span.li-msg-msg {
    float:none; clear:both; padding:10px; display:block; /*background-color:#fcfcfc; border-radius:10px; margin:0 5px 5px 5px;*/
}
ul.ul-msg span.li-msg-time {
    color:#000; font-weight:normal; margin:5px; font-size:14px;
}

/* chat form*/
.chat-form{
	width:auto; height:auto; margin:10px; max-width:100%;
}
.chat-box{
	border:1px solid #006; height:40px; width:85%; font-size:18px; padding:0px 10px; margin:0px 10px
}
.chat-box:hover{
	border:1px solid #006; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
}
.chat-box:active {
	border:1px solid #006;
}
.chat-button{
	border:0px; height:42px; width:auto; font-size:18px; cursor: pointer; color:#fff; padding: 5px 20px; border-radius:3px;
}
.chat-button:hover{
	box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;
}



/*bubble*/
/* BUBBLE WITH A BORDER AND TRIANGLE */
/* THE SPEECH BUBBLE */

.triangle-border {
  position:relative;
  padding:15px;
  margin:1em 0 1em;
  border:0px solid #5a8f00;
  border:5px solid #900;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* THE TRIANGLE */
.triangle-border:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#5a8f00 transparent;  border-color:#900 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
  content:"";
  position:absolute;
  bottom:-13px; /* value = - border-top-width - border-bottom-width */
  left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width:13px 13px 0;
  border-style:solid;
  border-color:#f9f9f9 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* Variant : top left*/
/* creates the larger triangle */
.triangle-border.top-left:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  right:auto;
  left:10px; /* controls horizontal position */
  border-width:0 20px 20px;
}

/* creates the smaller  triangle */
.triangle-border.top-left:after {
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  right:auto;
  left:17px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 13px 13px;
}

.triangle-border.top-right{
  border-color:#22A7F0; background-color:#fff;
}

/* creates the larger triangle */
.triangle-border.top-right:before {
  top:-20px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:10px; /* controls horizontal position */
  border-width:0 20px 20px; border-color:#22A7F0 transparent;
}

/* creates the smaller  triangle */
.triangle-border.top-right:after {
  top:-13px; /* value = - border-top-width - border-bottom-width */
  bottom:auto;
  left:auto;
  right:17px; /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width:0 13px 13px;
}

.triangle-border-left
{
  background-color:#dddddd;margin:0 5px 5px 5px;padding:10px;text-align:left;border-radius:0px 10px 10px 10px;
}

.triangle-border-right
{
  background-color:#00a200;margin:0 5px 5px 5px;padding:10px;text-align:right;color:#fff;border-radius:10px 0px 10px 10px;
}