/*font styles*/


@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway-medium.eot');
    src: url('../fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-medium.woff') format('woff'),
         url('../fonts/raleway-medium.ttf') format('truetype'),
         url('../fonts/raleway-medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;

/*to avoid old style numbering style*/
-webkit-font-feature-settings: 'lnum';
-moz-font-feature-settings: 'lnum';
-ms-font-feature-settings: 'lnum';
font-feature-settings:"lnum";

    -moz-font-feature-settings:"lnum" 1;
    -moz-font-feature-settings:"lnum=1";
    -ms-font-feature-settings:"lnum" 1;
    -o-font-feature-settings:"lnum" 1;
    -webkit-font-feature-settings:"lnum" 1;
    font-feature-settings:"lnum" 1;

    /*-webkit-text-stroke-width: .7px;
 -webkit-text-stroke-color: #34343b;
 -webkit-font-smoothing:antialiased;*/

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 @font-face {
 font-family: 'ralewaymedium';
src: url('../fonts/raleway-medium.svg') format('svg');

}
 }


/* Copyrignt © AdoSCube Inc.All rights reserved.
General CSS styles*/
body {
padding: 0;
margin: 0;
font-family:ralewaymedium,"sans-serif",verdana,tahoma;
/*font-family:"Segoe UI","sans-serif",verdana,tahoma;*/
font-size:14px;
background-image:url(../images/gray-pattern.png);
background-repeat:repeat;
color: #303030;
width:auto;
height:auto;
}

p{
 font-size:14px;
 margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

h1 {
margin: 0 0 20px 0;
font-size: 28px;
/*font-weight:normal;*/
font-weight:bold;
}

h2 {
margin: 0 0 10px 0;
padding:20px 0 0 0;
font-size: 24px;
font-weight: 200;
}


h3 {
/*margin: 20px 0 10px 0;*/
font-size: 22px;
margin:0px 0px 5px 0px;
}

h4 {
/*margin: 20px 0 10px 0;*/
font-size: 20px;
margin:20px 0px 20px 0px;
}

h5 {
/*margin: 20px 0 10px 0;*/
font-size: 18px;
margin:15px 0px 15px 0px;
}

h6 {
/*margin: 20px 0 10px 0;*/
font-size: 16px;
margin:10px 0px 10px 0px;
}

.heading {
	font-size:24px;
	font-weight:bold;
	color:#66C;
	padding:10px 1px 10px 1px;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
}

select::-ms-expand {
    display: none; /* hide default arrow of combobox in IE10 */
}

input{
font-family:ralewaymedium,"sans-serif",verdana,tahoma;
font-size:14px;	
-webkit-font-feature-settings: 'lnum';
-moz-font-feature-settings: 'lnum';
-ms-font-feature-settings: 'lnum';
font-feature-settings:"lnum";
}

input[type=radio]{
	display:none;
}

input[type=radio] + label.optn {
  padding-left:24px;
  height:18px; 
  display:inline-block;
  line-height:21px;
  background-repeat:no-repeat;
  background-position: 0 0;
  vertical-align:middle;
  cursor:pointer;
  
  background-image:url(../images/butg.png);
  background-position: -31px -123px;
  background-repeat:no-repeat;
  
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=radio]:checked + label.optn {
	
	background-position: -31px -103px;
}

input[type=checkbox] {
  display:none;
}
input[type=checkbox] + label.chkbx {
  padding-left:21px;
  height:18px;
  display:inline-block;
  line-height:17px;
  
  background-position: 0 0;
  vertical-align:middle;
  cursor:pointer;
  
  background-image:url(../images/butg.png);
  background-position: -31px -64px;
  background-repeat:no-repeat;

  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input[type=checkbox]:checked + label.chkbx {
	background-position: -31px -83px;
}


textarea{
font-family:ralewaymedium,"sans-serif",verdana,tahoma;
font-size:14px;	
line-height:150%;
width:92%;	
}
select{
 /*font-family:ralewaymedium,"sans-serif",verdana,tahoma;
 */
 font-size:14px;
 background:white;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 0 0 4px #DDD inset;
	color: #666;
	float: left;
	padding:4px 20px  5px 8px;
	outline: none;
	margin:0px 4px 0px 0px;
	width:97%;
}

select.combobox{
    background: transparent url(../images/butg.png) no-repeat right -143px;
	-webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;
	
    appearance: none;	
    text-indent: 0.01px;/*for mozilla*/
    text-overflow: '';
	
}


select:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 3px #7bc1f7;
    -moz-box-shadow: 0px 0px 3px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px #7bc1f7;
}
input.txtbx { /*flexible size text box*/
	background: white;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 0 0 4px #DDD inset;
	color: #666;
	float: left;
	padding: 5px 8px;
	outline: none;
	margin:0px 4px 0px 0px;
	width:92%;
}
input.txtbx:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 3px #7bc1f7;
    -moz-box-shadow: 0px 0px 3px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px #7bc1f7;
}
/*input.txtbxFixed { //fixed size text box
	background: white;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 0 0 4px #DDD inset;
	color: #666;
	float: left;
	padding: 5px 8px;
	outline: none;
	width:93%;
}
input.txtbxFixed:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 3px #7bc1f7;
    -moz-box-shadow: 0px 0px 3px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px #7bc1f7;
}*/

textarea.txtbx {
	background: white;
	border: 1px solid #DDD;
	border-radius: 4px;
	box-shadow: 0 0 4px #DDD inset;
	color: #666;
	float: left;
	padding: 5px 8px;
	outline: none;
	width:92%;
}
textarea.txtbx:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 3px #7bc1f7;
    -moz-box-shadow: 0px 0px 3px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px #7bc1f7;
}

/*
.txtbx {//textbox with icon
background: url('images/user_icon.png') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #666;
    float: left;
    padding: 5px 27px 5px 10px;
    width: 165px;
    outline: none;
}
*/
input.button{
	font-size:14px;
	text-transform:capitalize;
	color:#FFFFFF;
	height:30px;
	background-repeat:repeat-x;
	background-image:url(../images/butg.png);
	background-position:-1px -1px;
	border-style:solid;
	border-color:#4568a6;
	border-width:1px;
	border-radius: 3px;
	text-align:center;
	padding-bottom:3px;
	min-width:70px;
	vertical-align:middle;

}
input.button:hover{
	background-image:none;
	background-color:#4568a6;
	
	
	/*border-color:#006699;
	background-image:url(../images/butg.png);
	background-position:-89px -1px;*/
}
input.button:focus {
  outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 3px #7bc1f7;
    -moz-box-shadow: 0px 0px 3px #7bc1f7;
    -webkit-box-shadow: 0px 0px 3px #7bc1f7;  
}

#container {
margin: 0 auto 15px auto;
width: 760px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#logo {
margin: 15px 0 20px 0;
background: url(../images/logo.png) top right no-repeat;
height:44px;
width:209px;
border:0px;
float:left;
}
#login_button{
 width:72px;
 height:28px;
 background: url(../images/sprite.png) top right no-repeat;
 background-position:-6px -8px;
 float:right;
 margin-top:30px;
}

#logout_button{
 width:84px;
 height:28px;
 background: url(../images/sprite.png) top right no-repeat;
 background-position:-5px -35px;
 float:right;
 margin-top:30px;	
}

#navitabs {
clear: both;
}

.navitab {
padding: 4px 8px 4px 8px;
text-decoration: none;
background: #e0e0e0 url(../images/corner.gif) top right no-repeat;
/*not really wanted, remove later:
letter-spacing: 1px;
margin: 0 0 4px 0;*/
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
color:#000;
background: #d0d0d0 url(../images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
/*
margin: 0 0 5px 0;
text-decoration: none;*/
background: #505050 url(../images/corner.gif) top right no-repeat;
height:auto;
}

.activenavitab:hover {
text-decoration: none;
}

#homepage_slide { /*alternative to 'desc' below to show slides in home page*/
height: 320px;
color: #ffffff;
padding: 3px;
background: #505050;
clear: both;
overflow:hidden;
margin: 5px 0 0 0;
}


#desc {
height: 200px;
color: #ffffff;
background: #505050 url(../images/front.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
border-spacing:-1px;
}

#desc p {
width: 290px;
font-size: 12px;
padding: 0 0 0 15px;
}

#desc h2 {
padding: 15px 15px 0 15px;
color: #ffffff;

}

#desc a {
color: #ffffff;
text-decoration: none;
}

#main {
width: 590px;
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;
min-height:510px;
overflow:hidden;
}

.block {
background: #f0f0f0;
padding: 15px;
}

#sidebar {
width:140px;
float:right;
}

#sidebar p {
font-size: 0.9em;
margin: 0 0 12px 0;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url(../images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(../images/corner.gif) top right no-repeat;
text-decoration: none;
}

#footer {
clear: both;

color: #808080;
font-size: 12px;
padding: 2px 0 2px 0;
/*background: #fafafa;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;*/
text-align: center;
}

#footer a {
color: #808080;
}


.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

.msg_example{/*example*/
 font-style:italic;
 color:#CCC;
}
.msg_error{/*example*/
 color:#C00;
}
.msg_success{/*example*/
 color:#060;
}

.cmnt_box{
 height:auto;overflow:hidden;margin-top:10px;	
}

.cmnt_box #cmnt_avatar{
 float:left;width:75px;height:90px;background-color:#666;overflow:hidden;	
}

.cmnt_box #cmnt_general{ /*comment type 1 480px*/
margin-left:10px;float:left;width:81%;min-height:80px;background-color:#2bb2f0;border:1px solid #1aa2e1;padding:5px;border-radius:3px;color:#FFF;
/*overflow:hidden;*/
}

.cmnt_box #cmnt_reply{ /*comment type 2*/
margin-left:10px;float:left;width:81%;min-height:80px;background-color:#5a77b0;border:1px solid #4a67a2;padding:5px;border-radius:3px;color:#FFF;
/*overflow:hidden;*/
}

.cmnt_box #cmnt_admin{ /*comment type 3*/
margin-left:10px;float:left;width:81%;min-height:80px;background-color:#ba141a;border:1px solid #af0e14;padding:5px;border-radius:3px;color:#FFF;
/*overflow:hidden;*/
}

.cmnt_box #cmnt_title{ /*comment owner name or tiltle*/
font-size:16px;font-weight:bold; margin-bottom:5px;
}

.cmnt_box #cmnt_timstmp{ /*comment time stamp details*/
 margin-top:5px;
 font-style:italic;
 color:#DCDDDE;
 font-size:12px;
}

#cmnt_replyTail{ /*comment general tail arow*/
 width:11px;
 height:24px;
 background: url(../images/sprite.png) top right no-repeat;
 background-position:-93px -6px;
 float:left;
 position:relative;
 left:12px;
 top:5px;
}

#cmnt_genTail{ /*comment reply tail arow*/
 width:11px;
 height:24px;
 background: url(../images/sprite.png) top right no-repeat;
 background-position:-93px -31px;
 float:left;
 position:relative;
 left:12px;
  top:5px;
}
/*tab control CSSs-----------------------------------------------------------------------*/
.widget { /*full widget*/
    position: relative;
    margin: 20px auto;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
	
}

.widget-list { /*content part*/
    display:none;
    padding-top: 50px;
    padding-left: 1.2em;
	padding-right:0.6em;
    

}
.widget-list a{
    text-decoration: none;
}

.widget-list > li + li {
    border-top: 1px solid #e8e8e8;
}
.widget-list:last-of-type {
    display:none;
}
.widget-list:target {
    display:none;

    /* Hide the default list when another is activated. */


    /* First list activates the first tab, second list activates the second tab, etc. */

}
.widget-list:target ~ .widget-list {
    display: none;
}

.widget-list-link {
    display: block;
    line-height: 18px;
    padding: 10px 12px;
    font-weight: bold;
    color: #555;
    text-decoration: none;
    cursor: pointer;
}
.widget-list-link a{
    text-decoration: none;
}
.widget-list-link:hover {
    background: #f7f7f7;
}
li:last-child > .widget-list-link {
    border-radius: 0 0 3px 3px;
}
.widget-list-link > img {
    float: left;
    width: 32px;
    height: 32px;
    margin: 2px 12px 0 0;
}
.widget-list-link > span {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #999;
}

.widget-tabs { /*tabs background*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 9px 12px 0;
    text-align: left;

    direction: rtl;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-radius: 3px 3px 0 0;

}

.widget-tab{ /*inactive tabs*/
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    line-height: 36px;
    font-weight: normal;
    color: #999;
    background: #fcfcfc;
	
    border: solid #ddd;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0;

    padding-bottom: 0;
    bottom: auto;
}

.widget-tab a {
    text-decoration:none;
}


.widget-tab-active{ /*active tab*/
    display: block;
    min-width: 59px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px 4px 0 0;

    border-top: 4px solid #4cc8f1;

    margin-bottom: -1px;

    line-height: 34px;
    /*font-weight: bold;*/
    color: #555;
    background: white;
		
}

.widget-tab-link {/*other innactive tabs*/
    display: block;
    min-width: 60px;
    padding: 0 15px;
    color: inherit;
    text-align: center;
    text-decoration: none;
    border-radius: 4px 4px 0 0;

    margin:0;
    overflow: hidden;
	 
}

/*=====================================
input[type="file"]{
  font-size:14px;
  height:30px;
}

::-ms-browse {
    font-size:14px;
	text-transform:capitalize;
	color:#FFFFFF;
	height:30px;
	background-repeat:repeat-x;
	background-image:url(../images/butg.png);
	background-position:-1px -1px;
	border-style:solid;
	border-color:#4568a6;
	border-width:1px;
	border-radius: 3px;
	text-align:center;
	padding-bottom:3px;
	min-width:70px;
	vertical-align:middle;
}

::-webkit-file-upload-button {
    background: black;
    color: red;
    padding: 1em;
}




.form input[type="file"]{
  font-size:14px;
	text-transform:capitalize;
	color:#FFFFFF;
	height:30px;
	background-repeat:repeat-x;
	background-image:url(../images/butg.png);
	background-position:-1px -1px;
	border-style:solid;
	border-color:#4568a6;
	border-width:1px;
	border-radius: 3px;
	text-align:center;
	padding-bottom:3px;
	min-width:70px;
	vertical-align:middle;
	
    
}

.add-photo-btn{
    position:relative;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    background-color:#83b81a;
    color:#fff;display:block;
    width:197px;
    height:31px;
    font-size:18px;
    line-height:30px;
    float:left;
	
		font-size:14px;
	text-transform:capitalize;
	color:#FFFFFF;
	height:30px;
	background-repeat:repeat-x;
	background-image:url(../images/butg.png);
	background-position:-1px -1px;
	border-style:solid;
	border-color:#4568a6;
	border-width:1px;
	border-radius: 3px;
	text-align:center;
	padding-bottom:3px;
	min-width:70px;
	vertical-align:middle;
}
*/