body {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
color: #333;
background: url('https://www.static-contents.youth4work.com/images/background.png') repeat 50% 50%;
background-color: #f2f2f2;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
@media (min-width: 1200px) {
.container {
width: 970px;
}
}
textarea {
resize: none;
}
a.thumbnail:hover {
text-decoration: none;
}
.item-box {
background-color: #fff;
margin-bottom: 20px;
padding: 10px;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.item-box dl dd, .item-box dl dt {
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
}
.pub-ic {
display: inline-block;
height: 35px;
background-image: url('https://www.static-contents.youth4work.com/images/Userprofileicon_v5.png');
background-repeat: no-repeat;
}
.w-vouch {
padding-top: 10px;
}
.y-vouch {
background-position: -20px -872px;
width: 45px;
}
.y-ctrl-v {
background-position: -65px -868px;
width: 160px;
height: 45px;
}
.y-resp {
height: 25px;
background-position: -140px -118px;
width: 35px;
}
.y-av {
height: 25px;
background-position: -138px -73px;
width: 35px;
}
.course-verify {
background-position: -138px -709px;
height: 20px;
width: 20px;
}
.yp-info {
background-position: -86px -630px;
height: 20px;
width: 20px;
display: inline-block;
}
.yp-info:hover {
background-position: -86px -670px;
height: 20px;
width: 20px;
display: inline-block;
}
.tp-item {
width: 100%;
text-align: center;
cursor: pointer;
}
.tRecomend {
padding: 10px 5px;
display: none;
}
.y-hd {
background: #fff;
margin-bottom: 10px;
box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
}
.y-hd h1 {
margin: 0;
line-height: 1.4em;
padding-right: 20px;
}
.y-hd h2 {
margin: 0;
line-height: 1.4em;
}
.yloc {
background-repeat: no-repeat;
background-position: -95px -741px;
height: 15px;
width: 15px;
}
.ytal {
background-repeat: no-repeat;
background-position: -95px -766px;
height: 15px;
width: 15px;
}
.arr_up {
cursor: pointer;
display: block;
height: 15px;
width: 20px;
background-image: url('https://www.static-contents.youth4work.com/images/vote-up-gray.png');
background-repeat: no-repeat;
outline: none;
}
.arr_down {
cursor: pointer;
display: block;
height: 15px;
width: 20px;
background-image: url('https://www.static-contents.youth4work.com/images/vote-down-gray.png');
background-repeat: no-repeat;
outline: none;
}
.arr_up:hover {
background-image: url('https://www.static-contents.youth4work.com/images/vote-up.png');
}
.arr_down:hover {
background-image: url('https://www.static-contents.youth4work.com/images/vote-down.png');
}
/*Auto Complete*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
z-index: 99999999999999;
float: left;
display: none;
min-width: 160px;
_width: 160px;
list-style: none;
background-color: #ffffff;
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.2);
border-style: solid;
border-width: 1px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #555555;
white-space: nowrap;
text-decoration: none;
}
.ui-state-hover, .ui-state-active {
color: #ffffff;
text-decoration: none;
padding: 3px 15px;
background-color: #0088cc;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-image: none;
}
.sig_reg:link {
color: #fff;
font-weight: normal;
font-style: normal;
font-family: Verdana;
font-size: 11px;
}
.sig_reg:hover {
color: #fff;
text-decoration: none;
}
.sig_reg:visited {
color: #fff;
text-decoration: none;
}
.sig_reg {
color: #fff;
font-weight: normal;
font-style: normal;
font-family: Verdana;
font-size: 11px;
}
.pointer {
cursor: pointer;
}
.script {
font: 1.2em "Courier New", Courier, monospace;
line-height: 1.5em;
color: #000;
padding: 10px 20px;
background-color: #EBCC6E;
}
ul.content11 {
display: block;
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
max-width: 400px;
width: 400px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
ul.content11 li {
list-style-type: none;
border-bottom: 1px solid #dddddd;
font-family: Arial;
font-size: 12px;
color: #333333;
cursor: pointer;
text-decoration: none;
}
li.content {
list-style-type: none;
border-bottom: 1px solid #dddddd;
font-family: Arial;
font-size: 12px;
color: #333333;
cursor: pointer;
text-decoration: none;
padding: 5px;
max-width: 390px;
width: 400px;
}
li.content:hover, li.content:hover div {
background-color: #087ccd;
text-decoration: none;
list-style-type: none;
font-family: Arial;
font-size: 12px;
cursor: pointer;
color: White;
}
.Name {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #333333;
text-decoration: none;
}
.Name:hover {
font-family: Arial;
font-size: 12px;
color: White;
text-decoration: none;
}
.whitefont {
color: #ffffff;
}
.profileheadin {
font-family: Arial;
font-size: 12px;
color: #666666;
text-decoration: none;
}
.profileheadin:hover {
font-family: Arial;
font-size: 12px;
color: #666666;
text-decoration: none;
}
span.seacrchtext {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
text-decoration: none;
}
.whitefontblubackground {
background-color: #ededed;
color: #087ccd;
font-family: Arial;
font-size: 12px;
text-decoration: none;
padding: 5px;
}
.Selector {
border-bottom: 1px solid #bfbfbf;
background-color: #0b6ec7;
padding: 5px;
width: 160px;
opacity: .9;
vertical-align: middle;
cursor: pointer;
color: White;
font-family: Arial;
font-size: 13px;
text-decoration: none;
}
.Selector:hover {
border-bottom: 1px solid #bfbfbf;
background-color: #087ccd;
padding: 5px;
width: 160px;
vertical-align: middle;
cursor: pointer;
color: White;
font-family: Arial;
font-size: 13px;
text-decoration: none;
}
.slider {
max-height: 0;
overflow: hidden;
transition-property: all;
transition: .5s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
position: absolute;
}
.slider.closed {
max-height: 300px;
}
.lightgrayfont {
font-family: Verdana;
line-height: 1.28em;
font-size: 11px;
color: #666;
}
.darkgrayfont {
font-family: Verdana;
line-height: 1.28em;
font-size: 11px;
color: #333;
}
.bluefont {
font-family: Verdana;
line-height: 1.28em;
font-size: 11px;
color: #087ccd;
}
.absolutegray {
font-family: Verdana;
line-height: 1.28em;
font-size: 11px;
color: Gray;
}
.biglineheight {
line-height: 1.6em;
}
.mediunlineheight {
line-height: 1.4em;
}
.smalllineheight {
line-height: 1.28em;
}
.normallineheight {
line-height: normal;
}
.biglightgrayfont {
font-family: Arial;
line-height: 1.6em;
font-size: 18px;
color: #666;
}
.bigdarkgrayfont {
font-family: Arial;
line-height: 1.6em;
font-size: 18px;
color: #333;
}
.bigbluefont {
font-family: Arial;
line-height: 1.6em;
font-size: 18px;
color: #087ccd;
}
.bigredfont {
font-family: Arial;
line-height: 1.6em;
font-size: 18px;
color: red;
}
.mediumlightgray {
font-family: Verdana;
line-height: 1.4em;
font-size: 13px;
color: #666;
}
.mediumdarkgray {
font-family: Verdana;
line-height: 1.4em;
font-size: 13px;
color: #333;
}
.mediumblue {
font-family: Verdana;
line-height: 1.4em;
font-size: 13px;
color: #087ccd;
}
.mediumwhitefont {
font-family: Verdana;
font-size: 13px;
line-height: 1.4em;
color: #FFF;
}
.bigwhitefont {
font-family: Verdana;
font-size: 18px;
line-height: 1.6em;
color: #FFF;
}
.fontnormal {
font-weight: 400;
}
.blue {
border: 1px solid #ddd;
padding: 3px;
}
.blue:hover {
border: 1px solid #ddf0f8;
padding: 3px;
}
.heading {
font-size: 11px;
font-family: Verdana;
color: #666;
font-weight: bold;
vertical-align: bottom;
}
/* Menu
----------------------------------*/
.ui-menu {
font-family: Verdana;
font-size: 11px;
color: #666666;
list-style: none;
padding: 0px;
margin: 0;
display: block;
cursor: pointer;
}
.ui-menu .ui-menu {
font-family: Verdana;
font-size: 11px;
color: #666666;
margin-top: -3px;
}
.ui-menu .ui-menu-item {
font-family: Verdana;
font-size: 11px;
color: #666666;
margin: 0;
padding: 0;
float: left;
clear: left;
width: 100%;
cursor: pointer;
border-bottom: 1px solid #ededed;
}
.ui-menu .ui-menu-item a {
overflow: hidden;
color: #666;
font-family: Verdana;
font-size: 13px;
padding: 3px;
line-height: 1.5;
cursor: pointer;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-family: Verdana;
font-size: 11px;
color: #666666;
font-weight: normal;
margin: 5px;
cursor: pointer;
line-height: 1.5;
background-color: #ddf0f8;
text-decoration: none;
}
.darkbluefontforheading {
font-family: Verdana;
font-size: 11px;
color: #087ccd;
}
.darkGrayfontforheading {
font-family: Verdana;
font-size: 11px;
color: #333;
font-weight: bold;
}
.shadowborder {
/* -webkit-box-shadow: #b3b3b3 3px 3px 3px;*/
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
border: 1px solid #088ccd;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
.hovertd {
}
.hovertd:hover {
background-color: #f5f5f5;
}
.grayunderlinetext {
font-family: Arial;
font-size: 11px;
color: #333;
}
.grayunderlinetext:hover {
font-family: Verdana;
font-size: 11px;
color: #333; /*text-decoration: underline;*/
}
/* Track */
::-webkit-scrollbar-track {
border: 10px solid #ededed;
cursor: pointer;
}
/* Handle */
::-webkit-scrollbar-thumb {
border: 5px solid #ededed;
background: #666666;
cursor: pointer;
}
::-webkit-scrollbar-thumb:window-inactive {
background: #ededed;
}
::-webkit-scrollbar {
width: 13px;
cursor: pointer;
}
/* Track */
::-moz-scrollbar-track {
border: 10px solid #ededed;
background-color: #ededed;
}
/* Handle */
::-moz-scrollbar-thumb {
border: 5px solid #ededed;
background: #666666;
}
::-moz-scrollbar-thumb:window-inactive {
background: #ededed;
}
/* Track */
::-moz-scrollbar-track {
border: 10px solid #ededed;
cursor: pointer;
}
/* Handle */
::-webkit-scrollbar-thumb {
border: 5px solid #ededed;
background: #666666;
cursor: pointer;
}
::-moz-scrollbar-thumb:window-inactive {
background: #ededed;
}
::-moz-scrollbar {
width: 13px;
cursor: pointer;
}
/* Track */
::-moz-scrollbar-track {
border: 10px solid #ededed;
background-color: #ededed;
}
/* Handle */
::-moz-scrollbar-thumb {
border: 5px solid #ededed;
background: #666666;
}
::-moz-scrollbar-thumb:window-inactive {
background: #ededed;
}
.darkbluefontforheadingfordisplay {
font-family: Arial;
font-size: 14px;
color: #087ccd;
display: block;
}
.lightgyarfontforheadingfordisplay {
font-family: Arial;
font-size: 14px;
color: #666666;
}
.whitefont {
font-family: Verdana;
font-size: 11px;
color: #fff;
}
.border-bottom {
border-bottom: 1px solid #dddddd;
}
.fontbold {
font-weight: bold;
}
a:visited {
text-decoration: none;
}
a:link {
text-decoration: none;
}
.facebook, .twitter, .gplus {
float: left;
width: 35px;
height: 20px;
margin-right: 5px;
}
.facebook a {
background: url("https://www.static-contents.youth4work.com/images/Social_icon.png") no-repeat scroll 0px center transparent;
width: 35px;
height: 20px;
float: left;
}
.twitter a {
background: url("https://www.static-contents.youth4work.com/images/Social_icon.png") no-repeat scroll -50px center transparent;
width: 40px;
height: 20px;
float: left;
}
.gplus a {
background: url("https://www.static-contents.youth4work.com/images/Social_icon.png") no-repeat scroll -100px center transparent;
width: 35px;
height: 20px;
float: left;
}
.lightblueontblhover:hover {
background-color: #edf4ff;
}
/*Sujata for design*/
/*Web*/
@media (min-width: 781px) {
.col-md-left-padding {
padding-left: 15px !important;
}
.col-md-float-right {
float: right;
}
}
/*Tab*/
@media (min-width: 481px) and (max-width: 780px) {
.col-sm-left-padding {
padding-left: 15px !important;
}
.col-sm-wordbreak {
word-wrap: break-word;
}
.col-sm-float-right {
float: right;
}
}
/*Mobile*/
@media (max-width: 480px) {
.col-xs-left-padding {
padding-left: 15px !important;
}
.col-xs-bottom-margin {
margin-bottom: 15px !important;
}
.col-xs-float-right {
float: right;
}
}
a.fontcolor {
color: #e6e6e6;
}
a.fontcolor:hover, a.fontcolor:active {
color: #fff !important;
}
.containalign {
text-align: right;
}
@media only screen and (max-width:780px) {
.advertisement {
display: none;
}
.containalign {
text-align: left;
}
.mob-view {
margin-left: 20px;
margin-right: 20px;
max-width: 280px !important;
margin-top: 20px;
}
.mob-view > .pricing-main-mid-div {
margin-top: 0px;
}
.mobile-left-padding {
padding-left: 15px !important;
}
.hover-css {
border-left: none !important;
border-bottom: 1px solid #ddd;
}
.bigdarkgrayfont {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
}