/* ==========================================================================
	Global Settings
========================================================================== */

/*
* Boxsizing set to border box http://css-tricks.com/box-sizing/
*/

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
* Body settings, change it as required
*/

body { font-family: 'open_sansregular',Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.4; background:#fff; overflow-x:hidden; }


/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'open_sanssemibold',Helvetica,Arial,sans-serif; font-weight:500; color:#333333; text-rendering: optimizeLegibility; margin-top:0px !important; }
h2 { font-size:22px;}
h3 { font-size:19px; margin-bottom:20px;}


/*
* Paragraphs
*/

p { font-weight: normal; margin-top:0px; font-size:14px; }


/*
* Links
*/

a { color: #2ba6cb; text-decoration: none; line-height: inherit; }
a:hover { /*color: #2795b6;*/ text-decoration:none; }
a:focus { color: #2ba6cb; outline: none; }
p a, p a:visited { line-height: inherit; }


/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }


/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

.uppercase {text-transform:uppercase !important;}

/* ==========================================================================
	Helper classes
========================================================================== */

/*
* Floats
*/

.left { float: left; }

.right { float: right; }


/*
* Text Alignment
*/

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }


/*
* Image Alignment
*/

img.alignleft { float:left; margin:0 10px 10px 0; display: inline;}

img.alignright { float:right; margin:0 0px 10px 10px; display: inline;}

img.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}


/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*/

/*
* More semantic version as described in http://css-tricks.com/snippets/css/clear-fix/
*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*
* overflow method for clearing floats
*/
.floatbox { overflow:hidden; }

/*
* older method of adding empty tags for clearing
*/
.clear { clear: both; height:1px; line-height:1px; }


/*
* Chromeframe
*/
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/*
* Other
*/


/*
* Fonts
*/

@font-face {
    font-family: 'helvetica-neue-medium';
    src: url('techgig_resource/cand/fonts/helvetica-neue-medium-1361522099-webfont.eot');
    src: url('techgig_resource/cand/fonts/helvetica-neue-medium-1361522099-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/helvetica-neue-medium-1361522099-webfont.woff2') format('woff2'),
         url('techgig_resource/cand/fonts/helvetica-neue-medium-1361522099-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/helvetica-neue-medium-1361522099-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/helvetica-neue-medium-1361522099-webfont.svg#helveticaneuemedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('techgig_resource/cand/fonts/opensans-regular_0-webfont.eot');
    src: url('techgig_resource/cand/fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot');
    src: url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('techgig_resource/cand/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ==========================================================================
	Layout
========================================================================== */


/* Container ---------------------- */
#container-wrap { min-width:320px; left:0; padding-top:85px; position:relative; transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#container-wrap.activeMenu { left:230px;}

/*
@media (min-width:1200px) {
	.container { max-width:1010px;}
}
*/

/* Banner ---------------------- */
#banner{ /*border-top:4px solid #2572b9; */overflow:hidden;}

.fixed { box-shadow:none;}

/* Content ---------------------- */
#content { padding:20px 0 32px; }

/* Main ---------------------- */
#main  { }

/* Footer ---------------------- */
#footer { background:#eaeaea url(images/contest_images/footer-bg.jpg) left top repeat-x; padding:30px 0 0; position:relative; z-index:51; }


/* ==========================================================================
	Common Functionalities & UI Elements
========================================================================== */

/*--- Login Form --- */
#login-form { float:right;}
#login-form ul { margin:0; padding:0; list-style:none;}
#login-form ul li { float:left; margin-right:10px;}
#login-form ul li label { display:block; line-height:13px; font-weight:normal; font-size:12px; font-family:open_sanssemibold; color:#666; margin-bottom:1px;}
#login-form ul li input[type='text'], #login-form ul li input[type='password'] { background:#fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#666; width:157px; border:1px solid #ccc; padding:3px 4px; height:24px; line-height:14px; font-size:13px;}
#login-form ul li input[type='submit'] { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:0 10px; border:0; font-size:12px; color:#fff; background:#e6654f; height:24px; margin-top:15px; behavior: url("../javascript/vendor/PIE.htc"); position:relative; font-weight:normal; font-family:open_sanssemibold; padding-bottom:2px;}

#login-form input::-webkit-input-placeholder, #login-form textarea::-webkit-input-placeholder { opacity:0.6;}
#login-form input:-moz-placeholder, #login-form textarea:-moz-placeholder { opacity:0.6;}
#login-form input::-moz-placeholder, #login-form textarea::-moz-placeholder { opacity:0.6;}
#login-form input:-ms-input-placeholder, #login-form textarea:-ms-input-placeholder { opacity:0.6;}

/*--- Banner --- */
#banner { background:#fff; z-index:51;}
#banner.auto-banner-height { height:auto !important; padding-top:0;}
#banner.auto-banner-height img { width:100%;}
#banner .container, #banner { position:relative;}
#banner .direction-nav .container, #banner .slide, #banner  { height:320px;}
#banner .slides { position:absolute; height:100% !important; width:100%;}
#banner .slide { width:100%; display:block !important; opacity:0; background-size:cover; text-align:center; background-position:center center;}
#banner .slide a { display:block; width:100%; height:100%; left:0; top:0; position:absolute;}
#banner .slide img { display:none;}
#banner .slide:first-child{opacity:1;}
#banner p { margin-bottom:20px;}
/*#banner .slide:before { display:block; content:""; background:url(images/contest_images/dots.png) left top repeat; position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; opacity:0.2;}
#banner .slide .container { position:relative; z-index:8; display:table; width:100%;}
#banner .slide .inner-slide { display:table-cell; vertical-align:middle; width:100%;}
#slide1 { background:url(images/contest_images/slide1-bg.jpg) center bottom no-repeat;}
#slide2 { background:url(images/contest_images/slide2-bg.jpg) center bottom no-repeat;}
#slide2 .inner-slide { padding-left:15px;}
#slide3 { background:url(images/contest_images/slide3-bg1.jpg) center bottom no-repeat;}
#slide4 { background:url(images/contest_images/slide4-bg.jpg) center bottom no-repeat;}*/
#banner .slide:first-child { display:block;}
#banner h2 { font-size:28px; font-family:'open_sanssemibold', Arial; color:#fff;}
#banner .benefits { display:inline-block; margin:0; padding:0; list-style:none;}
#banner .benefits li { float:left; width:155px; height:155px; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding:10px; background:rgba(255, 255, 255, 0.5); font-size:22px; color:#fff; line-height:28px; font-weight:500; margin:0 23px; behavior: url("../javascript/vendor/PIE.htc");}
#banner .benefits li:after { display:block; content:""; background:url(images/contest_images/benefits-arrow.png) left top no-repeat; width:56px; height:47px; position:absolute; top:50%; margin-top:-24px; right:-43px; z-index:10;}
#banner .benefits li .inner { padding:10px; background:#fff; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; height:135px; display:table; behavior: url("../javascript/vendor/PIE.htc");}
#banner .benefits li .inner span { display:table-cell; vertical-align:middle; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 2px 7px #000 inset; behavior: url("../javascript/vendor/PIE.htc"); }
#banner .benefits li.first .inner span { background:#7658f8; box-shadow:0 2px 7px #1c0f57 inset; -moz-box-shadow:0 2px 7px #1c0f57 inset;  -webkit-box-shadow:0 2px 7px #1c0f57 inset; text-shadow:0 1px 0px #6048ca;}
#banner .benefits li.second .inner span { background:#e5b11d; box-shadow:0 2px 7px #533e01 inset; -moz-box-shadow:0 2px 7px #533e01 inset;  -webkit-box-shadow:0 2px 7px #533e01 inset; text-shadow:0 1px 0px #b08816;}
#banner .benefits li.third .inner span { background:#e6567a; box-shadow:0 2px 7px #550f21 inset; -moz-box-shadow:0 2px 7px #550f21 inset;  -webkit-box-shadow:0 2px 7px #550f21 inset; text-shadow:0 1px 0px #b1425e;}
#banner .benefits li.fourth .inner span { background:#cb70d7; box-shadow:0 2px 7px #46174d inset; -moz-box-shadow:0 2px 7px #46174d inset;  -webkit-box-shadow:0 2px 7px #46174d inset; text-shadow:0 1px 0px #9c56a5;}
#banner .benefits li:last-child:after { display:none;}

#banner a.previous-btn { width:30px; height:48px; background:url(images/contest_images/previous-btn.png) left top no-repeat; position:absolute; left:-30px; top:50%; margin-top:-24px; opacity:0.6; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; z-index:10;}
#banner a.next-btn { width:30px; height:48px; background:url(images/contest_images/next-btn.png) left top no-repeat; position:absolute; right:-30px; top:50%; margin-top:-24px; opacity:0.6; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; z-index:10;}
#banner a.previous-btn:hover, #banner a.next-btn:hover { opacity:1;}

#banner .direction-nav { position:absolute; left:0; top:0; width:100%; height:100%;}
#banner h2 .red { color:#ed1c24; font-weight:bold;}
#banner h2 .blue { color:#116ea0; font-weight:bold;}

#banner ul { margin:0; padding:0; list-style:none;}

#banner .running-contests { width:100%;}
#banner .running-contests h3 { font-size:26px; font-weight:600; font-family:'open_sansregular', Arial; color:#fff; margin-bottom:15px;}
#banner .running-contests p { color:#fff; font-size:13px; line-height:18px; font-family:'open_sansregular', Arial; font-weight:normal; margin-bottom:20px;}
#banner .running-contests li { position:relative; text-align:center !important; transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; float:left; margin-right:30px; width:200px; padding:10px; border:1px solid #000; background:rgba(0, 0, 0, .3);}
#banner .running-contests li:hover { background:url(images/contest_images/li-bg.gif) left top repeat;}

#banner .top-challenges li { float:left; width:212px; text-align:center !important; margin-right:30px; background:#fff; padding:10px; position:relative; box-shadow:0 0 10px #3f4536; -moz-box-shadow:0 0 10px #3f4536; -webkit-box-shadow:0 0 10px #3f4536;}
#banner .top-challenges h4 { font-size:16px; font-weight:600; font-family:'open_sansregular', Arial; color:#2572b9; margin-bottom:7px; position:relative; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#banner .top-challenges p { color:#555; font-size:12px; line-height:16px; font-family:'open_sansregular', Arial; font-weight:normal; margin-bottom:0;}
#banner .top-challenges .description { background:#efefef; padding:5px;}

#banner .testimonials blockquote { padding-bottom:15px; position:relative;}
#banner .testimonials .inner-block { background:#ffba00; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin-bottom:15px;}
#banner .testimonials .inner-block p { font-size:14px; text-align:left; line-height:21px; margin:0; font-family:'open_sansregular', Arial; font-weight:normal;}
#banner .testimonials figure { float:left; border:1px solid #ffba00; padding:5px; margin-right:15px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative;}
#banner .testimonials figure img { border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:relative; width:60px; height:60px;}
#banner .testimonials .cite { text-align:left; margin-left:88px; padding-top:15px;}
#banner .testimonials .cite cite { color:#000; font-style:normal; display:block;}
#banner .testimonials .cite span { display:block; font-size:12px; color:#fff;}

/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1;}

/*--- Main Links --- */
#main-links{background:#ffffff; position:relative; top:0; z-index:51; border:2px solid #56c1ee; border-radius:6px; padding:0 29px; }
.links-container.fixed-parent { position:fixed; left:0; top:85px; width:100%; padding-top:8px; background:#fff; margin-top:0; z-index:100; max-width:100%; padding-bottom:5px;}
.links-container.fixed-parent #main-links { max-width:1140px; width:100%; margin:0 auto; padding:0 29px;}
.activeMenu .links-container { left:230px;}
.links-container { margin-top:22px; margin-bottom:22px; position:relative;}

#main-links ul { margin:0; padding:0; list-style:none;}
#main-links ul li { float:left; width:16.666%; position:relative; display:table; height:35px;}
#main-links ul li .fa { font-size:24px; vertical-align:text-bottom;}
#main-links ul li:last-child { border-right:0;}
#main-links ul li a { display:table-cell; vertical-align:middle; font-weight:normal; text-align:center; font-size:14px; color:#8c8c8c; line-height:19px; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#main-links ul li a:hover, #main-links ul li.active > a, #main-links ul li:hover > a { text-decoration:none;  background:#efefef;}
#main-links ul li.active > a { background:#56c1ee; color:#fff;}
#main-links ul li a:active, #main-links ul li a:focus { text-decoration:none;}
#main-links ul li .number { display:block; padding:0 3px; min-width:18px; height:18px; background:#fd0000; position:absolute; right:2px; top:1px; text-align:center; line-height:16px; font-size:11px; color:#fff;}
#main-links.fixed ul li .number { right:-5px; top:1px; z-index:100;}
#main-links.fixed { z-index:53;}
#main-links .menu-btn { border:0; width:40px; height:30px; background:none; float:right; display:none; margin-top:5px; margin-bottom:3px;}
#main-links .menu-btn span.line { display:block; width:100%; margin:5px 0; height:3px; background:#333;}
#main-links ul ul { position:absolute; width:300px; top:42px; right:0; background:#eceff1; border-top:1px solid #e1e4e5; display:none;}
#main-links ul li:hover ul { display:block;}
#main-links ul ul li { float:none; border-right:0; border-bottom:1px solid #424242; width:100%; height:40px;}
#main-links ul ul li a { text-align:left; padding:0 20px; font-size:15px;}

#main-links  a.previous-btn { background:#56c1ee url(images/techgig_images/main-menu-left-btn.png) center center no-repeat; width:30px; border-radius:4px 0 0 4px; height:36px; display:block; position:absolute; left:-1px; top:-1px;}
#main-links  a.next-btn { background:#56c1ee url(images/techgig_images/main-menu-right-btn.png) center center no-repeat; width:30px; border-radius:0 4px 4px 0; height:36px; display:block; position:absolute; right:-1px; top:-1px;}
#main-links .caroufredsel_wrapper { padding-bottom:0 !important;}


.mn-usr-pic { top:0 !important;}

/*--- Heading1 --- */
.heading1 {color:#314451; font-size:24px; margin:0; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #dadada;}
.heading1 a, .heading1 a:active, .heading1 a:focus { color:#314451;}
.heading1 img { vertical-align:baseline; margin-right:10px;}
.heading1 small { color:#999;}

/*--- Post --- */
.post p {color: #333; font-family: "open_sansregular"; font-size: 15px; line-height: 21px; margin-bottom: 10px;}
.post ul { margin:0 0 20px 15px; padding:0;}
.post ul li {color: #333; font-family: "open_sansregular"; font-size: 15px; line-height: 21px; margin-bottom: 10px;}
.post ol li {color: #333; font-family: "open_sansregular"; font-size: 15px; line-height: 21px; margin-bottom: 10px;}
/*.post .inner-post { padding:0 15px;}*/

/*--- Scroll --- */
.scroll {
    max-height: 138px;
    overflow: auto;
    position: relative;
    width: 100%;
	margin-bottom:12px;
}
.scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:url(images/contest_images/icons.png) -77px -15px no-repeat; width:16px; height:16px;}
.scroll .mCSB_scrollTools .mCSB_draggerRail { width:4px; background:#cacaca;}
.scroll .mCSB_inside > .mCSB_container {margin-right:0px}
.scroll .mCSB_scrollTools { background:#fff;}

#participants-top-institutes .scroll, #participants-top-companies .scroll { max-height:240px;}
.box1 .form1 .search-filter { padding:10px; height:40px; line-height:20px; font-size:15px; margin-bottom:10px;}
.box1 .titles { background:#424242; font-size:13px; padding:7px 15px; color:#fff; margin:0 -10px 10px;}
.box1 .titles ul { margin:0; padding:0; list-style:none;}
.box1 .titles li { float:left;}
.box1 .titles li:last-child { float:right;}

/*--- Coding_instructions --- */
#coding_instructions font {color: #333;  font-family: "open_sansregular";  font-size: 15px;  line-height: 21px; padding-top:20px; display:block;  margin-bottom: 30px;float:left;}
#coding_instructions .prcd-btn { clear:both;}
#coding_instructions font a { color:#2572b9;}
#coding_instructions .prcd-btn .button3, #coding_instructions .prcd-btn .button2 { background:#2572b9;}
#coding_instructions .ip-address { float:right; padding-top:20px;}

/*--- Cc-problem-code-wrp --- */
.cc-problem-code-wrp table td { padding-bottom:5px;}
.cc-problem-code-wrp table td label { font-weight:normal; font-size:13px; margin:0;}
.cc-problem-code-wrp .clrSelctn a { font-size:13px;}
.cc-problem-code-wrp b { font-size:13px;}

/*--- Form1 --- */
.form1 ul { margin:0; padding:0; list-style:none;}
.form1 ul li { margin-bottom:20px; position:relative;}
.form1 input[type='text'], .form1 input[type='password'] { border:1px solid #9d9d9d; outline:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:56px; font-size:20px; color:#9d9d9d; line-height:26px; width:100%; padding:15px 15px 15px 52px;}
.form1 label { font-size:16px; color:#0a3542;}
.form1 .forgot-password, .form1 .regenerate-token a { font-size:16px; color:#e55443; float:right;}
.form1 .remember-me { float:left;}
.form1 input[type='submit'] { width:100%; outline:none;}
.form1 .registered-coders { text-align:center; padding-top:73px; margin-bottom:42px;}
.form1 .registered-coders p { font-size:35px; color:#1890cc; line-height:56px; margin-bottom:0;}
.form1 .registered-coders p span { font-size:50px; color:#e55443; display:block;}
.form1 .select { position:relative; display:block; border:1px solid #9d9d9d; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:56px; width:100%;}
.form1 .select select { width:100%; border:0; padding:12px 20px 12px 52px; height:54px; background:#fff; font-size:20px; color:#9d9d9d; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.form1 .select:after { z-index:5; pointer-events:none; display:block; position:absolute; right:0; top:0; background:url(images/cg2015_images/select-arrow.gif) left center no-repeat; width:54px; height:54px; content:""; border-radius:0 4px 4px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;}
.form1 .register-now-btn { width:100%;}
.form1 .checkbox-input { display:block; margin-bottom:5px;}
.form1 .checkbox-input input[type="checkbox"] { float:left; margin-top:4px;}
.form1 .checkbox-input label { display:block; margin-left:20px;}

.safari .form1 .select select { padding:0;}
.safari .form1 .select { padding:12px 20px 12px 52px;}

.form1 .icon { position:absolute; left:11px; top:12px; width:30px; height:31px; display:block; z-index:10; background-image:url(images/cg2015_images/icons.png); background-repeat:no-repeat;}
.form1 .username-field .icon { background-position:0 -115px;}
.form1 .password-field .icon { background-position:-172px -3px;}
.form1 .company-field .icon { background-position:-138px -3px;}
.form1 .email-field .icon { background-position:-35px -119px;}
.form1 .phone-field .icon { background-position:-68px -115px;}
#signup-form .form1 ul li { margin-bottom:16px;}

.form1 .highest-qualification-field .icon { background-position:-157px -110px;}
.form1 .highest-degree-field .icon { background-position:-103px -113px; width:36px;}
.form1 .total-experience-field .icon { background-position:0 -115px;}
.form1 .gender-field .icon { background-position:0 -115px;}
.form1 .skills-field .icon { background-position:-112px -329px;}

.form1 ul li.varification-field label { float:left; margin-right:15px; line-height:56px;}
.form1 ul li.varification-field input[type="text"] { float:left; width:139px; padding-left:15px; margin-right:10px;}
.form1 .submit-field input[type="submit"], body.loggedIn .form1 .submit-field input[type="button"] { width:auto;}
.form1 button[type='submit'] { border:0;}
.form1 textarea { border:1px solid #9d9d9d; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; height:128px; resize:none; font-size:20px; color:#9d9d9d; width:100%; padding:10px 15px;}

.form1 select {outline:none;}

body.loggedIn .form1 .submit-field .go-back-btn, body.loggedIn .form1 .submit-field input[type="submit"] { font-size:22px; padding:11px 15px 15px;}

.form1 .capcha-box { padding-top:8px; float:left;}
.form1 .capcha-box .reg-captcha { float:left;}
.form1 .capcha-box .reg-frm-rfrs { margin-top:0;}
.form1 .reg-frm-rfrs {background:url(images/reg-frm-rfrs.gif) 0 0 no-repeat; width:40px; height:40px; float:left; margin:3px 0 0 12px;}
.form1 .reg-frm-rfrs:hover {background-position:0 -40px;}
.form1 .reg-frm-rfrs:active {background-position:0 -80px;}
.form1 .varification-field .error_msg { clear:both; padding-top:5px;}

#query-form { float:right; width:450px; margin-left:15px;}
.form1 .alert-info-error-msg {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin:0; padding: 5px; margin-top:7px;  margin-bottom:5px; font-size:12px;  float:left;}

.form1 .select-category-field .icon { background:url(images/cg2015_images/category-icon.png) left top no-repeat;}

/*--- Page Head --- */
.page-head h2{ margin-bottom:25px;}

/*--- Skill-test --- */
.skill-test .box2 { margin:0;}
.skill-test .box2 {background: #fff none repeat scroll 0 0; border: 1px solid #eee8e8; box-shadow:0 0px 8px rgba(0, 0, 0, 0.1); padding:20px 15px;}
.skill-test .box2 h3 a { color:#f35c25;}
.skill-test .box2 p small { font-size:14px; color:#f35c25;}
.skill-test .box2 p span.divider { color:#999; margin:0 10px;}
.skill-test .box2 p { line-height:28px;}
.skill-test .box-shadow h3 { height:47px; display:table; width:100%;}
.skill-test .box-shadow h3 a { display:table-cell; vertical-align:middle;}

/*--- Search Filter --- */
#search-filter { margin-bottom:30px;}
#search-filter .filter-btn {display:table; width:100%; background:#39d1b4; width:180px; position:relative; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:22px; color:#fff; line-height:26px; padding:15px 20px;}
#search-filter .filter-btn.active .add-icon { font-size:30px; line-height:28px;}
#search-filter .add-icon { width:30px; height:30px; line-height:22px; font-size:42px; color:#39d1b4; display:block; background:#fff; position:relative; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:right; font-style:normal;}
#search-filter .search-form { background:#eceff1;border:1px solid #dadada; position:relative; z-index:10; padding:15px;}
#search-filter h3 { margin-bottom:10px;}
#search-filter .search-form form { margin:0;}
#search-filter .search-form form ul li { margin-bottom:0;}
#search-filter .search-form form > ul > li { float:left; width:33.333%; padding:0 10px; margin-bottom:20px;}
#search-filter .search-form label { display:block; text-align:center; margin-bottom:10px;}
#search-filter .search-form .select select { height:43px; padding:10px 40px 10px 10px; font-size:15px;}
#search-filter .search-form .select { height:45px;}
#search-filter .search-form .select::after { height:43px; background-position:9px center;}
#search-filter .search-form input[type="text"], #search-filter .search-form input[type="password"] { height:45px; font-size:15px; padding:10px;}
#search-filter .search-form .rank-field input[type="text"], #search-filter .search-form .tech-quotient-field input[type="text"] { width:89px;}
#search-filter .search-form  input[type="submit"],#search-filter .search-form  input[type="button"] { font-size:16px; height:45px; margin-top:32px; background:#2572b9; color:#fff;}
#search-filter .search-form  input[type="submit"]:hover,#search-filter .search-form  input[type="button"]:hover { background:#fff; color:#2572b9;}
#search-filter .search-form .fields { display:none; margin-bottom:0; font-size:15px; color:#999;}
#search-filter .search-form .advance-search { text-align:center; border-bottom:1px solid #d4dbe0; margin:0 10px 10px; height:8px;}
#search-filter .search-form .advance-search .advanced-btn { background:#fff; border-radius:6px; padding:2px 10px 3px; position:relative; top:-5px; font-size:13px; color:#2572b9; border:1px solid #d4dbe0;}
#search-filter .search-form .off { display:none;}
#ldb-srch-btns  input[type="submit"],#ldb-srch-btns  input[type="button"] { width:89px;}

#all-top-scores .table2 { margin:15px 0 20px;}
#all-top-scores .table2 tr th { font-size:17px; padding:12px 20px;}
#all-top-scores .table2 tr td { font-size:14px;}
#all-top-scores .table2 tr th, #all-top-scores .table2 tr td { text-align:center;}
#all-top-scores .table2 tr td.name { text-align:left;}

/*--- View More Btn --- */
.view-more-btn1 {color:#333; padding:20px; position:relative; z-index:99; background:#eceff1; display:block; transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .05s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
.view-more-btn1:hover { background:#80b8ec; color:#fff;}

/*--- Previous Challenges --- */
.previous-challenges { margin-bottom:30px;}
.previous-challenges ul { margin:0; padding:0; list-style:none;}
.previous-challenges ul li { border-bottom:1px dashed #747474; padding-bottom:30px; margin-bottom:30px;}
.previous-challenges ul li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}
.previous-challenges ul li .image { float:left;}
/*.previous-challenges ul li .description { margin-left:81px;}*/
.previous-challenges ul li h3 { font-size:18px; color:#2572b9; margin-bottom:10px;}
.previous-challenges ul li h3 a { color:#2572b9;}
.previous-challenges ul li p { font-size:15px; color:#999; line-height:21px; margin-bottom:7px; font-family:"open_sansregular";}
.previous-challenges ul li p img { vertical-align:baseline; margin-right:5px; width:12px;}

.previous-challenges .sociable { float:left; padding-top:10px;}
.previous-challenges .sociable a { display:block; float:left; width:28px; height:28px; background-image:url(images/contest_images/icons.png); background-repeat:no-repeat; margin-right:18px;}
.previous-challenges .sociable a:last-child { margin-right:0;}
.previous-challenges .sociable a.facebook { background-position:0 -66px;}
.previous-challenges .sociable a.twitter { background-position:-37px -66px;}
.previous-challenges .sociable a.linkedin { background-position:-73px -66px; width:29px; height:29px;}

.previous-challenges .button1 { float:right;}

/*--- Backgrounds --- */
.color1 { background:#25aed2 !important; color:#fff !important;}
.color2 { background:#f1ce0d !important; color:#fff !important;}
.color3 { background:#26e489 !important; color:#fff !important;}
.color4 { background:#ec1a5f !important; color:#fff !important;}
.color5 { background:#0b6f75 !important; color:#fff !important;}
.color6 { background:#ff9600 !important; color:#fff !important;}
.color7 { background:#4ae100 !important; color:#fff !important;}
.color8 { background:#1a8de0 !important; color:#fff !important;}
.color9 { background:#9966cc !important; color:#fff !important;}
.color10 { background:#ff6600 !important; color:#fff !important;}
.color11 { background:#cccc33 !important; color:#fff !important;}
.color12{ background:#999999 !important; color:#fff !important;}
.color13{ background:#e87e23 !important; color:#fff !important;}
.color14{ background:#27aae1 !important; color:#fff !important;}
.color15{ background:#df2d3c !important; color:#fff !important;}
.color16{ background:#6982ef !important; color:#fff !important;}
.color17{ background:#95a5a5 !important; color:#fff !important;}
.color18{ background:#e2878f !important; color:#fff !important;}

/*--- Message Success --- */
.msgErrortop { position:fixed; left:0; top:0; width:100%; z-index:10000;}
.msgErrortop .close { right:5px; top:5px; position:absolute; width:15px; height:15; display:block;}
.msgErrortop .fa { font-size:23px; vertical-align:bottom;}
.msgErrortop .close .fa { font-size:16px; color:#999; vertical-align:top;}
.msgErrortop .close:hover .fa { color:#333;} 
.success-msg {border: 1px solid #d6e9c6; z-index:10; color:#3c763d; background:#dff0d8; margin:0 0 20px; padding: 12px;}

/*--- Warning --- */
.warning-msg {border: 1px solid #faebcc; z-index:10; color:#8a6d3b; background:#fcf8e3; margin:0; padding: 12px;}

/*--- Error --- */
.error-msg {border: 1px solid #ebccd1; z-index:10; color:#a94442; background:#f2dede; margin:0; padding: 12px;}

/*--- Info --- */
.info-msg {border: 1px solid #bce8f1; z-index:10; color:#31708f; background:#d9edf7; margin:0; padding: 12px;}

/*--- App-download-form --- */
#app-download-form input[type="text"] { padding:10px 15px; height:42px; font-size:16px;}

/*--- Table1 --- */
.table1 { width:100%; border-bottom:1px solid #cccccc; margin-bottom:30px;}
.table1 th { text-align:center; background:#2572b9; font-size:14px; padding:10px; color:#fff; font-weight:normal; border-right:1px solid #64acef;}
.table1 td { font-size:12px; color:#333333; background:#f5f5f5; padding:10px; text-align:center; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.table1 th.first{ border-left:1px solid #2572b9;}
.table1 th.last{ border-right:1px solid #2572b9;}
.table1 td .avatar { width:41px; height:41px; text-align:center; border:1px solid #959595; position:relative; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left; behavior: url("../javascript/vendor/PIE.htc");}
.table1 tbody tr:nth-child(2n) td { background:#fff;}
.table1 td span.name { display:inline-block; padding-top:12px;}
.table1 td.participants-name { width:275px;}

/*--- Table2 --- */
.table2 { width:100%;}
.table2 thead th { background:#dadada; text-align:left; font-size:20px; color:#5d5d5d; font-weight:normal; padding:15px 20px;}
.table2 thead th:first-child { border-radius:5px 0 0 0;}
.table2 thead th:last-child { border-radius:0 5px 0 0;}
.table2 td { border-bottom:1px dashed #cacaca; padding:20px; font-size:16px; color:#333333;}
.table2 td a { color:#333333;}
.table2 a.arrow { display:inline-block; background:url(images/cg2015_images/arrow6.png) left top no-repeat; margin-right:12px; width:20px; height:20px; position:relative;}
.table2 .arrow .inner { background:#dadada; position:absolute; left:50%; bottom:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:11px; line-height:14px; padding:8px; text-align:center; color:#333; display:none; width:100px; margin-left:-50px;}
.table2 .arrow:hover .inner { display:block;}
.table2 span.number { width:69px; height:69px; display:inline-block; line-height:68px; text-align:center; background:#ffca38; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:23px; color:#0a3542;}
.table2 span.first-letter { display:inline-block; width:48px; height:48px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#dadada; line-height:48px; text-transform:uppercase; font-size:24px; margin-right:15px; color:#333333;}
.table2 img.avtar_pic { display:inline-block; width:48px; height:48px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; margin-right:15px;}
.table2 span.level { height:29px; display:inline-block; background:#e55443 url(images/cg2015_images/level-bg.gif) left top no-repeat; padding:0 18px 0 27px; line-height:29px; font-size:14px; color:#fff;}
.table2 span.score { display:block; text-align:center;}
.table2 .score { text-align:center;}
.table2 .invt-success { margin-top:0; float:none; font-size:18px; font-weight:normal;}
.table2 .congraluate { color:#8b8b8b;}
.table2 .add-btn { width:24px; height:24px; display:inline-block; background:url(images/cg2015_images/add.png) left top no-repeat; margin-left:5px; vertical-align:middle; position:relative;}
.table2 .add-btn span { background:#ffca38; position:absolute; left:50%; bottom:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:10px; line-height:13px; padding:5px; text-align:center; color:#333; display:none; width:150px; margin-left:-75px;}
.table2 .add-btn span:after { display:block; position:absolute; bottom:-12px; z-index:10; content:""; left:50%; width: 0; height: 0; margin-left:-8px;	border-left:8px solid transparent;border-right:7px solid transparent;border-top:12px solid #ffc938;}
.table2 .add-btn:hover span { display:block;}
.table2 tbody tr:last-child td { border-bottom:1px solid #cacaca;}
.table2 tbody tr td:last-child { border-right:1px solid #cacaca;}
.table2 tbody tr td:first-child { border-left:1px solid #cacaca;}
.table2 .down .arrow { background:url(images/cg2015_images/arrow7.png) left top no-repeat; height:17px;}
.table2 .up .arrow { background:url(images/cg2015_images/arrow10.png) left top no-repeat; height:17px;}
.table2 .down .arrow .inner { background:#e55443; color:#fff;}
.table2 .up .arrow .inner { background:#509f2d; color:#fff; bottom:auto; top:10px;}
.table2 .equal .arrow .inner { bottom:10px; left:0; margin-left:0; width:100px;}
.table2 .download-certificate-btn {color: #2572b9; font-size: 13px; margin-left: 15px;}

/*-------------Showshkele------------------*/
.showshkele {width:100%; position:fixed; top:10%; left:0; text-align:center; z-index:1000;}.showshkele-box {max-width:640px; width:100%; position:relative; text-align:left;margin:auto;}.showshkele-close {position:absolute; right:5px; top:26px;font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index:2;color:#000;text-decoration:underline; background:#e4e4e4;padding:3px 6px; border:1px solid #000;}.showshkele-box img { max-width:100%;}.showshkele-close:hover {text-decoration:none; color:#fff; background:#666;}.showshkele-bnr {position:relative; display:block; z-index:0;padding-top:22px;}
.showshkele a.showshkele-bnr:hover { background:none;}

/*--- Main Banner --- */
.main-banner .follow-btn { background: #2572b9; font-family: 'open_sansregular'; border:0; border-radius: 5px; color: #fff; padding:6px 12px; font-size:14px; text-transform:none; display: inline-block; position: relative;  text-align: center; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
.main-banner .follow-btn:hover, #company-banner .follow-btn:active, #company-banner .follow-btn:focus { background:#1a5f9e; color:#fff;}

/*--- Records-no --- */
.records-no { padding-left:20px; margin:20px 0 20px;}

/*--- Modal --- */
.modal .modal-header { background:#116ea0; border-radius:5px 5px 0 0;}
.modal .modal-header h2, .modal .modal-header h3, .modal .modal-header h4, .modal .modal-header h4 small { color:#fff;}

/*--- Table3 --- */
.table3 { width:100%; border-bottom:1px solid #dfdfdf; margin-bottom:15px;}
.table3 th { text-align:center; background:#eceff1; font-size:18px; padding:14px 10px; color:#333333; font-weight:normal; border:1px solid #dfdfdf;}
.table3 td { font-size:18px; color:#333333; padding:14px 10px; text-align:center; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.table3 th.first{ border-left:1px solid #2572b9;}
.table3 th.last{ border-right:1px solid #2572b9;}
.table3 td .avatar { width:41px; height:41px; text-align:center; border:1px solid #959595; position:relative; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left; behavior: url("../javascript/vendor/PIE.htc");}
.table3 tbody tr:nth-child(2n) td { background:#fff;}
.table3 td span.name { display:inline-block; padding-top:12px;}
.table3 td.participants-name { width:275px;}


/*--- Table5 --- */
.table5 { width:100%; margin-bottom:5px;}
.table5 tr th { text-align:left; border:1px solid #dae1e6; padding:15px; background:#e8edf0; font-size:14px; font-weight:500; color:#314451;}
.table5 tr td { border:1px solid #e8edf0; padding:15px; vertical-align:middle; font-size:14px;}
.table5 tr td .fa-times-circle-o { font-size:23px; color:#ff0000;}
.table5 tr td a { text-decoration:none; color:#f35c25;}
.table5 tr .status { text-align:center;}
.table5 tr .order-no { font-weight:bold; color:#8c9fac;}
.table5 tr td h5 { font-weight:500; margin-bottom:5px;}
.table5 tr td h5 small { font-size:100%;}
.table5 tr td h5 span { color:#f35c25;}
.table5 tr td.expand-collapse { text-align:left;}
.table5 tr.open-content { display:none;}
.table5 tr.open-content p { font-size:14px;}
.table5 tr.current td { border-bottom:0;}
.table5 tr .expand-collapse { padding:0px 0px;}
.table5 tr .expand-collapse-btn { display:block; padding:10px; text-align:left;}
.table5 tr .expand-collapse-btn .fa { margin:0;}

/*--- Contest-info --- */
#contest-info { position:relative; padding-bottom:20px; padding-top:35px; padding-left:15px; padding-right:15px; border-bottom:1px solid #cacaca; box-shadow:0px 2px 3px #cacaca; -moz-box-shadow:0px 2px 3px #cacaca; -webkit-box-shadow:0px 2px 3px #cacaca;}
#contest-info .registred-developers { text-align:center;}
#contest-info .registred-developers p { font-size:20px; color:#747474; line-height:35px; margin:0;}
#contest-info .registred-developers .inner { display:inline-block; top:20px; position:relative;}
#contest-info .invite-your-friends { background:#eceff1; padding:6px 10px 10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center;}
#contest-info .invite-your-friends p { font-size:13px; margin-bottom:10px;}
#contest-info .invite-your-friends h3 { margin-bottom:7px;}

#contest-info .registred-developers .cprogress .number { position:absolute; left:0; line-height:30px; top:50%; width:100%; display:black; height:30px; margin-top:-15px; z-index:10; font-size:23px;}
#contest-info .registred-developers .cprogress { 
display: inline-block; 
position: relative; 
width: 1em; 
height: 1em; 
vertical-align:middle;
margin-right:20px;
text-align: -webkit-match-parent;
font-size: 110px; 
cursor: default;
} 
#contest-info .registred-developers .cprogress:before { 
content: ''; 
display: block; 
position: absolute; 
width: 1em; 
height: 1em; 
-moz-border-radius: .5em; 
-webkit-border-radius: .5em; 
border-radius: .5em; 
opacity: .5; 
z-index: 0; 
} 

#contest-info .registred-developers .cprogress:after { 
content: ''; 
display: block; 
position: absolute; 
top: .1em; 
left: .1em; 
width: .8em; 
height: .8em; 
-moz-border-radius: .5em; 
-webkit-border-radius: .5em; 
border-radius: .5em; 
z-index: 1; 
} 

#contest-info .registred-developers .cprogress>#slice.gt50 { 
clip: rect(auto,auto,auto,auto); 
} 

#contest-info .registred-developers .cprogress>#slice { 
position: absolute; 
width: 1em; 
height: 1em; 
clip: rect(0px,1em,1em,0.5em); 
} 
#contest-info .registred-developers .cprogress>#slice>.pie { 
position: absolute; 
border:6px solid #747474; 
width:100%; 
height:100%; 
clip: rect(0em,0.5em,1em,0em); 
border-radius: .5em; 
} 


#contest-info .registred-developers .cprogress>#slice>.pie.fill { 
-moz-transform: rotate(180deg)!important; 
-webkit-transform: rotate(180deg)!important; 
-o-transform: rotate(180deg)!important; 
transform: rotate(180deg)!important; 
} 


/*--- Table3 --- */

/* Gutter Banner  
#CgBanners { position:relative; height:1px; position:relative; left:0; top:38px; width:100%;}
#CgBanners a { display:block; left:-201px; top:0; position:absolute; width:199px; height:1238px; background:url(images/cg2015_images/cg_lhs_gutter_1425375716_background.png) left top no-repeat;}
#CgBanners a.right-banner { left:auto; right:-201px; background:url(images/cg2015_images/cg_rhs_gutter_1352095666_background.png) left top no-repeat;}
body{overflow-x:hidden;}
#CgBanners.fixedTop { position:fixed;}
#CgBanners.fixedTop .innerBanner { width:980px; margin:0 auto; position:relative;}

*/

/*  */
.mainWrapper-box {background:url(images/bg-ecourse.gif) repeat;  position:relative; z-index:10;}

/*---Tooltip----*/
.tooltip { position: relative; display: inline-block; text-decoration: none; color: #555 !important; outline: none; text-align:left!important;}
.tooltip span { visibility: hidden; position: absolute; bottom: 20px; left: 50%; z-index: 999; width:140px; margin-left: -24px; padding: 5px; border: 1px solid #ccc; /* opacity: .9; */
  background-color: #ddd;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
  font-weight:normal!important;
}
.tooltip:hover { border: 0; /* IE6 fix */}
.tooltip:hover span{ visibility: visible;}
.tooltip span:before,.tooltip span:after{ content: ""; position: absolute; z-index: 1000; bottom: -7px; left: 14%; margin-left: -8px; border-top: 8px solid #ddd; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0;}
.tooltip span:before{border-top-color: #ccc; bottom: -8px;}

/*--- Save --- */
#divIdSave .thnksMsg { }
#divIdSave .register_msg {}

/*--- Follow-us-popup --- */
#follow-us-popup .button1 {  background: #f35c25;border: 0;color: #fff;}
#follow-us-popup .button1:hover, #follow-us-popup .button1:focus, #follow-us-popup .button1:active { background:#e14c15;}

/*--- Nav Section --- */
.nav-section { position:relative; margin-bottom:35px;}

/*--- Box1 --- */
.box1 { border:1px solid #c9c9c9; padding:10px 10px 13px; position:relative; margin:0 10px;}
.box1 header { position:relative; background:#5ba11c; padding:9px 10px 10px; text-align:center; position:relative; height:67px; margin:-11px -20px 8px;}
.box1 header:before { position:absolute; left:0; bottom:-10px; width:10px; height:10px; content:""; display:block; background:url(images/contest_images/icons.png) -73px 0 no-repeat;}
.box1 header:after { position:absolute; right:0; bottom:-10px; width:10px; height:10px; content:""; display:block; background:url(images/contest_images/icons.png) -85px 0 no-repeat;}
.box1 header h2 { font-size:18px; color:#fff; font-weight:500; margin:0; display:table; width:100%; height: 48px;}
.box1 header h2 span { vertical-align:middle; display:table-cell;}
.box1 p { font-size:15px; color:#424242; line-height:21px; font-weight:500; font-family:Helvetica, Arial, sans-serif; margin-bottom:10px;}
.box1 p a { color:#2572b9; text-decoration:underline;}
.box1 p a:hover { text-decoration:none;}
.box1 p span.divider { margin:0 2px;}
.box1 dl dt, .box1 dl dd  { font-size:16px; color:#424242; line-height:21px; margin-bottom:10px;}
.box1 dl dt { float:left; clear:left;}
.box1 dl dd { float:right;}

/*--- Box2 --- */
/*.box2 { border:1px solid #c9c9c9; padding:10px 10px 13px; position:relative; margin:0 10px;}
.box2 header { position:relative; background:#5ba11c; padding:9px 10px 10px; text-align:center; position:relative; height:67px; margin:-11px -20px 10px;}
.box2 header:before { position:absolute; left:0; bottom:-10px; width:10px; height:10px; content:""; display:block; background:url(images/techgig_images/arrows.png) left top no-repeat;}
.box2 header:after { position:absolute; right:0; bottom:-10px; width:10px; height:10px; content:""; display:block; background:url(images/techgig_images/arrows.png) right top no-repeat;}
.box2 header h2 { font-size:18px; color:#fff; font-weight:500; margin:0; display:table; width:100%; height: 48px;}
.box2 header h2 span { vertical-align:middle; display:table-cell;}*/
.box2 p { font-size:14px; color:#424242; line-height:21px; font-weight:500; font-family:Helvetica, Arial, sans-serif; margin-bottom:10px;}
.box2 p a { color:#2572b9; text-decoration:underline;}
.box2 p a:hover { text-decoration:none;}
.box2 p span.divider { margin:0 2px;}
.box2 dl dt, .box1 dl dd  { font-size:16px; color:#424242; line-height:21px; margin-bottom:10px;}
.box2 dl dt { float:left; clear:left;}
.box2 dl dd { float:right;}
.box2 .overlay { position:absolute; text-align:left; background:rgba(0,0,0,0.9); padding:3px 3px 3px 10px; width:100%; z-index:10;}
.box2 .overlay p { font-size:13px; color:#fff; margin:0; line-height:32px;}
.box2 .overlay .follow-btn { float:right;}
.box2 .overlay .view-details-btn { position:absolute; width:120px; left:50%; margin-left:-60px; top:140px;}
.box2 .cover {transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; position:absolute; text-align:left; width:100%; z-index:10; top:0; height:100%;}
.box2 .cover:hover { background:rgba(0,0,0,0.7);}
.box2 .cover .button4 { width:140px; position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-14px;}

.box2 { border:1px solid #dadada; padding:0; position:relative;}
.box2 .content { position:relative; padding:10px 10px 12px;}
.list4 li .box2 {transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
.list4 li .box2:hover { box-shadow:0 1px 4px #dadada;}
.list4 li .box2 .main-image { margin:0 -1px 0;}
.list4 li .box2 header { border-top:5px solid #ed1c24;}
.list4 li:nth-child(2n) .box2 header { border-top:5px solid #56c1ee;}
.box2 header { position:relative; background:#202f39; padding:6px 10px 6px; text-align:center; position:relative; height:53px; margin:-1px -1px 0;}
.box2 header h2 { font-size:16px; line-height:18px; color:#fff; font-weight:500; margin:0; display:table; width:100%; height:36px;}
.box2 header h2 span { vertical-align:middle; display:table-cell;}

/*--- Box5 --- */
.box5 { border:1px solid #c9c9c9; padding:15px; background:#fff; margin-bottom:30px; position:relative; text-align:center;}

/*--- Box10 --- */
.box10 { border:1px solid #e9e8e8; box-shadow:0 0 10px #e9e8e8; background:#fff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:20px;}

/*--- Tabs --- */
.tabs .tab-strips { margin:0 0 5px; padding:0; list-style:none;}
.tabs .tab-strips li { float:left; width:33.333%; margin-bottom:10px;}
.tabs .tab-strips li a { display:block; background:#cbcbcb; position:relative; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; font-size:16px; color:#424242; font-weight:500; text-align:center; padding:4px 7px;}
.tabs .tab-strips li a:hover, .tabs .tab-strips li.ui-state-active a { background:#424242; color:#fff;}
.tabs .tab-strips li.ui-state-active a:after { display:block; width:100%; position:absolute; left:0; width:100%; background:url(images/contest_images/arrow1.png) top center no-repeat; height:8px; bottom:-8px; content:"";}
.tabs .tab-strips li.half { width:50%; margin-bottom:0;}
.tabs .tab-strips li.half a { padding:7px;} 
.tabs .tab-strips li.half.ui-state-active a:after { display:none;}
.tabs .pro-sub-nav.tab-strips li { width:10%;}
.tabs .pro-sub-nav.tab-strips li a { font-size:14px; border-right:1px solid #fff;}
.tabs .pro-sub-nav.tab-strips li.pr-act a { background:#424242; color:#fff;}

.tabs .tab-content .record-found { font-size: 13px; color: #fff; background: #424242; padding: 3px 10px 4px; display: block; text-align:center; border-top:1px solid #5f5f5f;}

/*--- Tabs1 --- */
.tabs1 .tab-strips { margin:0; padding:0 18px; list-style:none;}
.tabs1 .tab-strips li { float:left; width:25%; padding-right:15px;}
.tabs1 .tab-strips li:last-child { padding-right:0;}
.tabs1 .tab-strips li a { display:table; width:100%; background:#eceff1; height:84px; position:relative; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; text-align:center; font-size:15px; font-weight:bold; color:#333333; line-height:26px;}
.tabs1 .tab-strips li a span { display:table-cell; vertical-align:middle; padding:10px 8px;}
.tabs1 .tab-strips li a:hover { background:#cccccc;}
.tabs1 .tab-strips li.ui-state-active a { background:#39d1b4; color:#fff; font-weight:bold;}
.tabs1 .tab-strips li.ui-state-active a:after { display:block; position:absolute; bottom:-20px; z-index:10; content:""; left:50%; width: 0; height: 0; margin-left:-15px;	border-left: 11px solid transparent;border-right: 11px solid transparent;border-top:20px solid #39d1b4;}
.tabs1 .tab-content { border:1px solid #dadada; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:35px 15px 20px;}

/*--- Recomended --- */
#recomended { position:relative; padding:0;}
#recomended .heading { position:absolute; left:0; top:-55px;}
#recomended .heading img { vertical-align:baseline; margin-right:10px;}
#recomended .tab-content { padding:0 10px 10px;}
#recomended .tab-strips { margin:-1px -1px 0;}
#recomended .scroll { height:280px;}

/*--- Instructions_data --- */
#instructions_data p { font-size:15px; line-height:22px; margin-bottom:19px;}

/*--- Invite-friends --- */
#invite-friends { padding:10px 18px; margin-bottom:30px;}
#invite-friends .tab-content { margin-right:-18px; padding-right:18px;}
#invite-friends.box1 header { margin-left:-28px; margin-right:-28px;}
#invite-friends .button2 { max-width:195px; width:100%; margin-right:18px;}

/*--- Leaderboard Page  --- */
#leaderboard-page #participants-top-companies { margin-top:57px;}


#need-help h2, #need-help h3, #need-help h4, #need-help h5, #need-help h6 { font-family:"open_sanssemibold",Helvetica,Arial,sans-serif; font-weight:normal;}
#need-help .list5 { padding-left:17px;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

.about-content-landing {
	background:#dcdde0;
	padding:20px;
	margin-bottom:30px;
}
.begin-date {
	background:url(images/date-bg.png) top left no-repeat;
	width:320px;
	height:76px;
	margin:0px auto;
	padding:17px 0px 0px;
	font-size:18px;
	color:#6f6f6f;
	text-align:center;
	line-height:24px;
}
.begin-date strong {
	font-size:28px;
	display:block;
	color:#494949
}
.other-contest {
	margin:20px 0px 30px;
	padding:0px 0px 0px 120px;
}
.chlnge-contest-box {
	background:#fff url(images/other-contest-bg.png) bottom left repeat-x;
	float:left;
	width:330px;
	text-align:center;
	position:relative;
	margin:10px 0px 25px 30px;
	border:1px solid #d7d7d7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height:155px;
}
.chlnge-contest-box h4 {
	padding:0px;
	margin:10px 0px 0px;
	height:61px;
}
.chlnge-contest-box p {
	padding:0px 5px;
	margin:0px;
	color:#808080;
	font-size:12px;
	line-height:15px;
}
.chlnge-contest-box p a{color:#0b4ea1;}

.about-button {
	display:block;
	width:169px;
	height:35px;
	position:absolute;
	bottom:-20px;
	left:25%;
	z-index:1;
}
.about-button a {
	display:block;
	background:url(images/about-button.png) 0 -2px no-repeat;
	outline:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3c1e00;
	padding:6px 47px 11px 0px;
	text-align:right;
	font-weight:bold;
	font-size:13px;
}
.about-button a:hover {
	background-position:0 -41px;
}



.cc-winn-levls{position:relative; width:900px; margin:0 auto 0; float:left; font-size:13px; margin: 50px 0 30px 160px;}

.winn-1st{position:absolute; top:-50px; left:230px;}
.winn-1st .win-wrap{width:157px; height:107px; position:relative;}
.winn-1st .win-wrap img.round{position:absolute; top:0; left:0; border:none!important;}
.winn-1st .win-wrap b{display: block;
padding: 55px 0px 14px 0px;
font-size: 16px;
font-weight: normal;
text-align: center;
margin-left: -28px;
width: 167px;}

.winn-2nd{position:absolute; top:0px; left:60px;}
.winn-2nd .win-wrap{width:157px; height:107px; position:relative;}
.winn-2nd .win-wrap img.round{position:absolute; top:0; left:0; border:none!important;}
.winn-2nd .win-wrap b{display:block; padding:55px 0px 15px 0px; font-size:16px; font-weight:normal;}

.winn-3rd{position:absolute; top:50px; left:395px;}
.winn-3rd .win-wrap{width:157px; height:107px; position:relative;}
.winn-3rd .win-wrap img.round{position:absolute; top:0; left:0; border:none!important;}
.winn-3rd .win-wrap b{display:block; padding:40px 0px 15px 0px; font-size:16px; font-weight:normal;}

.cc-winners-wrp p{color:#444; font-size:13px; line-height:18px; margin:10px 0;}

#win_tabs{list-style:none;}
#win_tabs li{float:left; margin:0;}
#win_tabs li a{font-size:13px; text-decoration:none; display:block; padding:15px; font-weight:bold;}
#win_tabs li a.sel{font-size:13px; color:#000 !important; font-weight:bold; text-decoration:none; display:block; padding:12px 15px 18px; border:#ccc 1px solid; border-bottom:0; background:#fff; position:relative; bottom:-1px;}

/*--- Skills --- */
#skills { text-align:center;}
#skills h2 { font-size:32px; color:#333333; font-weight:300; line-height:44px; margin-bottom:50px; font-family: 'open_sansregular',Helvetica,Arial,sans-serif;}
#skills h2 span { font-size:22px; color:#8d8d8d; display:block;}
#skills .section1 { padding:30px 0 25px}
#skills .section1:nth-child(2n) { background:#f1f2f2;}
#skills .section1:nth-child(2n) .skill a { background:#fff;}
#skills .skill { margin-bottom:30px;}
#skills .skill a { background:#f1f2f2; min-height:271px; display:block; padding:20px; position:relative;  transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#skills .skill a:hover { background:#39d1b4;}
#skills .skill a:hover p { color:#fff;}
#skills .icon { line-height:60px; margin-bottom:20px; display:block;}
#skills .icon img { vertical-align:bottom;}
#skills h3 { font-size:23px; color:#333333; font-weight:300; margin-bottom:15px; font-family: 'open_sansregular',Helvetica,Arial,sans-serif;}
#skills p { font-size:14px; color:#808080; line-height:22px; position:relative;  transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; font-family: 'open_sansregular',Helvetica,Arial,sans-serif;}
#skills p small { color:#333; font-size:13px;}
#skills .skill p:last-child { margin-bottom:0;}
#skills .section1:nth-child(2n) .skill a:hover { background:#39d1b4;}

/*-------------Showshkele------------------*/
.showshkele {width:100%; position:fixed; top:10%; left:0; text-align:center; z-index:1000;}.showshkele-box {max-width:640px; width:100%; position:relative; text-align:left;margin:auto;}.showshkele-close {position:absolute; right:5px; top:26px;font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index:2;color:#000;text-decoration:underline; background:#e4e4e4;padding:3px 6px; border:1px solid #000;}.showshkele-box img { max-width:100%;}.showshkele-close:hover {text-decoration:none; color:#fff; background:#666;}.showshkele-bnr {position:relative; display:block; z-index:0;padding-top:22px;}
.showshkele a.showshkele-bnr:hover { background:none;}

/*-------------searchbox------------------*/
.search { position:relative; z-index:100; float:right; margin-right:23px; margin-top:-4px;}
.search-box ul{ list-style: outside none none;  margin: 0; padding: 0; } 
.search-box{ width:409px; margin:0 auto 7px; background:#ffffff; height:38px; padding:1px 2px 1px 10px; position:relative; } 
.styled-dropdown-select{ display:block; float:left; background:url(images/drop-down-arrow.gif) 0 0 no-repeat; width:35px; height:0px; padding-top:18px; overflow:hidden; margin-top:9px; cursor:pointer; }
.search-selector{ display:none; position:absolute; left:0px; top:38px; background:#ddd; width:200px; }
.search-selector li a{ display:block; text-decoration:none;  border-bottom:1px solid #fff; padding:8px 10px 8px 40px; font-size:12px; line-height:18px; color:#333; background-image:url(images/sprite-global-nav.png); background-repeat:no-repeat; }
.search-selector li a:hover{  text-decoration:none; } 
.search-box input[type='text']{ width:320px; padding:0px 10px; float:left; border:0; background:none; font-size:14px; color:#7b7878; height:36px; }
.search-box input[type='submit']{ background:url(images/head-search-btn.jpg) 0 0 no-repeat; width:40px; height:38px; border:0; vertical-align:top; margin:-1px 0px; text-indent:-999em; cursor:pointer; }

.search-selector li.people a{ background-position:10px 8px;}
.search-selector li.companies a{ background-position:10px -36px; }
.search-selector li.projects a{ background-position:10px -80px; }
.search-selector li.answers a{ background-position:10px -120px; }
.search-selector li.jobs a{ background-position:10px -168px; }
.search-selector li.expert-speak a{ background-position:10px -212px; }
.search-selector li.tech-news a{ background-position:10px -260px; }
.search-selector li.courses a{ background-position:10px -306px; }

/*--- List1 --- */
.list1 { margin:0; padding:0; margin-bottom:50px; list-style:none;}
.list1 li { margin-bottom:4px;}
.list1 li a { font-size:13px; color:#fff; font-weight:normal; line-height:17px;}

/*--- List2 --- */
.list2 { margin:0 0 10px; padding:0; list-style:none;}
.list2 li { margin-bottom:10px; background:#eaeaea; padding:2px;}
.list2 li:last-child { margin-bottom:0;}
.list2 li img { float:left; margin-right:8px;}
.list2 li a { display:block;}
.list2 li h3 { font-size:14px; color:#424242; margin:0; padding-top:8px; float:left;}
.list2 li .score { float:right; text-align:center; font-size:13px; line-height:17px; color:#666; display:block; padding:0 15px 0 0;}
.list2 li .score small { display:block; font-size:13px;}

/*--- List3 --- */
.list3 { margin:0; padding:0; list-style:none;}
.list3 li { margin-bottom:10px;}
.list3 li h4 { font-size:14px; color:#333333; margin-bottom:5px;}
.list3 li .avatar { width:41px; height:41px; text-align:center; border:1px solid #959595; position:relative; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left; behavior: url("../javascript/vendor/PIE.htc");}
.list3 li .inner { margin-left:55px;}
.list3 li h5 { font-size:13px; margin-bottom:0;}
.list3 li h5 a { color:#1395db;}
.list3 li p { font-size:11px; color:#747474; line-height:19px;}

/*--- List4 --- */
.list4 { margin:0 -15px; padding:0; list-style:none;}
.list4 li { margin-bottom:38px; text-align:center;}
.list4 li .main-image { margin:0 auto; margin-bottom:13px; position:relative;}
.list4 li .main-image img { width:100%;}
.list4 li .main-image .trophy { position:absolute; right:0; top:0; background:url(images/techgig_images/trophy.png) left top no-repeat; width:66px; height:66px; z-index:10;}
.list4 li .button1 { margin-top:6px;}
.list4 li .box2 p { font-weight:normal;}
.list4 li .box2 p .start { float:left; font-size:12px; color:#999;}
.list4 li .box2 p .ends { float:right; font-size:12px; color:#999;}
.list4 li .box2 p .start-date { float:left; font-size:15px; font-weight:bold;}
.list4 li .box2 p .end-date { float:right; font-size:15px; font-weight:bold;}
.list4 li .box2 p.dev-sub { color:#999; min-height:42px; font-size:13px;}
.list4 li .box2 p.time { margin-bottom:0;}

/*--- List5 --- */
ul.list5 { margin:0; padding:0; list-style:none;}
ul.list5 li { border-bottom:1px dashed #747474; padding-bottom:30px; margin-bottom:30px;}
ul.list5 li:last-child { border-bottom:0; padding-bottom:0;}
ul.list5 li .image { float:left;}
/*ul.list5 li .description { margin-left:81px;}*/
ul.list5 li h3 { font-size:18px; color:#2572b9; margin-bottom:10px;}
ul.list5 li h3 a { color:#2572b9;}
ul.list5 li p { font-size:14px; color:#333; line-height:21px; margin-bottom:7px; font-family:"open_sansregular";}
ul.list5 li p.dev-sub { color:#999; padding-top:10px;}
ul.list5 li p img { vertical-align:baseline; margin-right:5px; width:12px;}
ul.list5 li p .divider { margin:0 5px;}
ul.list5 li .button1 {background:#2572b9; color:#fff;}
ul.list5 li .button4 {background:#f35c25 ; color:#fff;}
ul.list5 li .button1:hover {background:#145b9c; }
ul.list5 li .button4:hover {background:#d14714; }
ul.list5 .button1, ul.list5 .button4 { float:right;}
ul.list5 .sociable { padding-top:10px; float:right; clear:right;}
ul.list5 .sociable a { display:block; float:left; margin-left:8px;}
ul.list5 .sociable p { float:left;}
ul.list5 .sociable img {filter: grayscale(1);
     -webkit-filter: grayscale(1);
     -moz-filter: grayscale(1);
     -ms-filter: grayscale(1);
     -o-filter: grayscale(1); position:relative; transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .1s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
ul.list5 .sociable img:hover {filter: grayscale(0);
     -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -o-filter: grayscale(0);}
ul.list5 .table3 { margin-top:15px; margin-bottom:0;}
ul.list5 .table3 tr th, ul.list5 .table3 tr td { padding:10px;}
	 
/*--- List6 --- */
ul.list6 { margin:0; padding:0; list-style:none;}
ul.list6 li { border-bottom:1px dashed #cacaca; font-size:14px;}
ul.list6 li a { color:#2572b9; display:block; padding:10px 5px;}
ul.list6 li a:hover { background:#f0f0f0;}
ul.list6 li .number { float:right; margin-left:10px; margin-right:15px;}
ul.list6 li:last-child { border-bottom:0; padding-bottom:0;}

/*--- Sociable1 --- */
.sociable1 { margin-bottom:30px;}
.sociable1 a { width:32px; text-align:center; height:32px; display:inline-block; line-height:30px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; font-size:20px; color:#fff; margin:0 5px;}
.sociable1 a:hover .fa, .sociable1 a:active .fa, .sociable1 a:focus .fa { color:#fff;}
.sociable1 a.facebook { background:#366ea7;}
.sociable1 a.twitter { background:#55acee;}
.sociable1 a.google-plus { background:#ca4638;}
.sociable1 a.linkedin { background:#0177b5;}
.sociable1 a.email { background:#333333; line-height:29px;}

/*--- Tab1 --- */
.tab1 .box10 { margin:0 0 20px;}
.tab1 .nav > li > a { padding:12px 15px;}
.tab1 .nav-tabs > li > a { font-size:17px; color:#314451; line-height:29px;}
.tab1 .nav-tabs > li .fa { font-size:28px; vertical-align:sub; margin-right:10px;}
.tab1 .tab-content { padding:20px; border:1px solid #ddd; border-top:0;}
.tab1 h5 { font-weight:bold;}

#environment-programming-languages .table1 { width:100%;}

/*--- Button1 --- */
.button1 { position:relative; display:inline-block; border-radius:5px; padding:5px 15px; font-size:15px; border:1px solid #2572b9; color:#2572b9; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:Helvetica, Arial, sans-serif; text-align:center; behavior: url("../javascript/vendor/PIE.htc");}
.button1:hover, .button1:focus, .button1:active {background:#2572b9; color:#fff;}
.button1.small { padding:8px 20px; font-size:15px;}

/*--- Button1 --- */
.button4 { position:relative; display:inline-block; border-radius:5px; padding:5px 15px; font-size:15px; border:1px solid #F5571D; color:#fff; background:#f35c25 ; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:open_sanssemibold; text-align:center; }
.button4:hover, .button4:focus, .button4:active {background:#d14714; color:#fff;}
.button4.small { padding:8px 20px; font-size:15px;}


/*--- Button2 --- */
.button2 { padding:10px 30px; position:relative; background:#5ba11c; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:20px; color:#fff; font-family:Helvetica, Arial, sans-serif; text-align:center; behavior: url("../javascript/vendor/PIE.htc");}
.button2:hover, .button2:focus, .button2:active { color:#fff;}

/*--- Button3 --- */
.button3 { display:inline-block; border:0 !important; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:8px 15px 2px; border:0; font-size:16px; color:#fff; background:#e6654f; height:38px; behavior: url("../javascript/vendor/PIE.htc"); position:relative; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase;}
.button3:hover, .button3:focus, .button3:active { color:#fff;}

/*--- Button5 --- */
.button5 { padding:10px 30px; position:relative; background:#f35c25; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:18px; color:#fff; font-family:open_sanssemibold; text-align:center; behavior: url("../javascript/vendor/PIE.htc"); text-transform:uppercase; border:0; }
.button5:hover, .button5:focus, .button5:active { background:#d14714;  color:#fff;}

/*--- Button6 --- */
.button6 { -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; position:relative; display:inline-block; border-radius:5px; padding:5px 15px; font-size:15px; border:1px solid #2572b9; color:#2572b9; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; font-family:Helvetica, Arial, sans-serif; text-align:center; behavior: url("../javascript/vendor/PIE.htc");}
.button6:hover, .button6:focus, .button6:active {background:#2572b9; color:#fff;}
.button6.small { padding:8px 20px; font-size:15px;}

/*--- Cc-btn-compile --- */
.cc-btn-compile{
    background: url(images/bg-codej-btn-3.gif) repeat-x scroll left top #FCAF17;
    border: 1px solid #C0C0C0;
    border-radius: 10px 10px 10px 10px !important;
    box-shadow: 1px 1px 1px #CCCCCC !important;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px !important;
	cursor:pointer;
	width:auto!important;
    text-shadow: 1px 1px 1px #FFFFFF;
	margin:0 !Important;
}
.cc-btn-compile:hover{text-decoration:none; background:#fff;}


/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1;}

.cc-editions-wrap2{ margin-bottom:20px; margin-top:25px;}
.cc-editions-wrap2 b{display:block; margin:12px 0 8px; color:#000; font-size:32px; font-weight:normal;}
.cc-editions-wrap2 p{font-size:14px; color:#444;}

.cc-editions-wrap3{ margin-bottom:20px; clear:both;     padding-top: 25px;}
.cc-editions-wrap3 h2{margin:0px; padding:0; font-size:22px; color:#444; font-weight:normal;}

.cc-prob-inout{width:262px; border:#ccc 1px solid; background:#f7f7f7; float:left; padding:5px 7px 7px; margin-top:8px;}
.cc-prob-inout b{display:block; padding-bottom:7px; font-size:14px; color:#444; padding-left:8px;}
.cc-prob-inout textarea{padding:6px 6px; border:#ccc 1px solid; width:245px; height:80px; font-family:Arial, Helvetica, sans-serif; resize:none; font-size:13px;}

.cc-prob-compile{width:118px; float:left; font-size:15px; text-align:center; padding:65px 3px 3px;}

.cc-prob-code{border:#ccc 1px solid; padding:6px 12px 6px; background:#f7f7f7; height:400px; overflow:auto; font-size:12px; color:#555; margin-top:12px;}


/* #autocomplete{margin-top:0 !important; box-shadow:1px 1px 1px #aaa;} */

.cc-filter-wrp{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#444; margin-bottom:0px; background:#f0f0f0; border:#ccc 1px solid; float:left; width:300px;}
.cc-filter-wrp b{text-transform:capitalize; display:block; float:left; padding-top:6px; width:120px; font-size:12px; /* background:url(images/bg-cc-filter-arrow.gif) 82% 9px no-repeat;*/ text-align:left;}

.cc-filter-flds{ padding:5px 0; float:left;}
.cc-filter-ranks{margin-left:94px; padding:5px 0; text-align:left; width:550px;}
.cc-filter-company{padding:5px 0; text-align:left; /* width:900px; */ float:left;}
.field_moduleCompany{width:290px; float:left; margin-bottom:10px;}
.non_login_txt{width:212px !important;}
.topSearchBtn{width:130px; padding:2px 0; font-size:15px; background:#006B9C; border:none; color:#fff; cursor:pointer;}
.cc-filter-flds span, .cc-filter-flds label{color:#555; text-transform:capitalize;}
.cc-filter-flds input{padding:3px 17px 3px 3px; font-size:12px; border:#ccc 1px solid; box-shadow:inset 0px 1px 2px #dfdfdf; border-radius:4px; margin-right:25px; width:170px;}
.cc-filter-flds input.lst{margin-right:15px;}
.cc-filter-flds select{border:#ccc 1px solid !important; font-size:12px !important; border-radius:3px !important; text-transform:none !important;}
.cc-filter-flds input.rad{padding:0; font-size:12px; border:#ccc 0px solid; box-shadow:0px 0px 0px #dfdfdf; border-radius:0px; margin-right:0px; width:auto; position:relative; top:1px;}

#updated-form .submit-btn input[type="submit"] { width:100px;}
#updated-form .fa-user, #updated-form .fa-unlock-alt { width:24px !important;}

/* cc result share */

#result_box table { width:100%;}
.cc-lvl-profile{/*width:218px; float:left; margin-right:21px;*/ border:#dadada 1px solid; padding:8px; margin-bottom:10px; background:#fff;}
.cc-lvl-profile a img{padding:4px; border:#d5d5d5 1px solid; box-shadow:1px 1px 2px #ddd;}

.cc-lvl-name{padding:0 0 8px 0; font-size:13px; color:#242424; float:right; width:185px;}
.cc-lvl-name b{display:block; padding-bottom:5px; font-size:16px;}
.cc-lvl-name b a { color:#333;}
.cc-lvl-name .winnerDetail img { float:left; width:53px; margin-top:8px;}
.cc-lvl-name .winnerDetail span { font-size:12px;}
.cc-lvl-name .winnerDetail p { margin-bottom:5px;}

.cc-lvl-trophy{padding:0 0 8px 0; font-size:13px; color:#242424; width:162px; margin:auto;}
.cc-lvl-trophy b{display:block; padding-bottom:15px; }

.cc-attempt{font-size:12px; color:#242424; border-top:#d5d5d5 1px solid; margin-top:20px;}
.cc-attempt b{display:block;}
.cc-attempt .activestats { font-size:17px;}

.cc-score{font-size:12px; color:#242424;}
.cc-score b{display:block; padding:5px 0 0px;}

.cc-skill-score-wrap{padding:0px 0 2px 0; border:#DFDFDF 1px solid; margin:8px 0 15px;}
.skill-score-head{background:#006b9c; padding:10px; color:#fff; font-weight:bold;}
.skill-score-head .skillTxt{float:left; margin-right:10px; width:104px;}
.skill-score-head .rankTxt{float:left; margin-right:20px;}
.skill-score-head .TQTxt{float:right;}
.skill-score-head b{float:right; display:block; padding:0;}
.skill-score-head span{display:block; margin-right:50px; font-weight:bold;}

.skill-score-grid{background:#fff; padding:10px; border-bottom:#ddd 1px solid; color:#555;}
.skill-score-grid b{float:right; display:block; padding:0; width:40px;}
.skill-score-grid span{display:block; margin-right:50px;}

.ac-container label{
	padding: 7px 10px 0px 10px;
	position: relative;
	z-index: 20;
	display: block;
	height: 33px;
	font-size:11px;
	font-weight:bold;
	cursor: pointer;
	color: #555555;
	/* text-shadow: 1px 1px 1px rgba(255,255,255,0.8); */
	background: #f7f3f3;
	border-bottom:2px solid #fff; 
}
/*
.ac-container label{
	padding: 11px 10px 0px 10px;
	position: relative;
	display: block;
	height: 25px;
	font-size:11px;
	font-weight:bold;
	cursor: pointer;
	color: #555555;
	/* text-shadow: 1px 1px 1px rgba(255,255,255,0.8); 
	background: #f7f3f3;
	border-bottom:2px solid #fff; 
} */

.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #f7f3f3 ;

}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;

}
.ac-container input:checked ~ article.ac-small{
	height: auto;
	padding:0 5px 5px 5px;
	/* background:#D6EAFA; */
}

.cc-skill-score-wrap .table th {
  font-weight: bold; padding:5px 3px;  font-size:11px; background:#e3e3e3; text-align:left;
  
}
.cc-skill-score-wrap .table .totalScoreBg td { background:#626262; color:#fff; padding:8px 3px;}
.cc-skill-score-wrap .table td { border:1px solid #e3e3e3; padding:3px;}
.cc-submt-time { font-size:13px; padding:3px; background:#dadada;}
.cc-head-cmn1 { margin-bottom:5px;}
.ac-container label .skillsName{float:left; width:94px; margin:0 8px 0 15px; white-space: nowrap;	overflow: hidden;	text-overflow: ellipsis; }
.ac-container label .score{float:right;}
.ac-container label img[title='Download Certificate']{ border:0; padding:0; box-shadow:none; vertical-align:middle; }
.ac-container label .rank{ display:inline-block; width:26px;}
.ac-container span.arrow{ border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
	border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #999999;
    left: 10px;
    position: absolute;
    top:10px;
}
.ac-container input:checked + label span.arrow{ border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #999999;
    left: 10px;
    position: absolute;
    top: 13px;
}
.ac-container input:checked ~ article.ac-small h1{
	font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 0; color:#000 !important;
}


.cc-topper-bg-img{height:65px; margin-left:15px; background:url(images/toppers-1.png) top left no-repeat;}
.cc-topper-bg-img b{color:#fff; display:block; padding:15px 0px 13px 45px; width:215px; overflow:hidden; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
.cc-topper-bg-img div{color:#bd2727; text-align:center; font-size:14px; padding:0 15px; text-transform:uppercase; font-weight:bold;}

.cc-topper-bg-img1{height:65px; margin-left:15px; background:url(images/toppers-2.png) top left no-repeat;}
.cc-topper-bg-img1 b{color:#fff; display:block; padding:15px 0px 13px 45px; width:215px; overflow:hidden; font-size:13px; font-family:Arial, Helvetica, sans-serif;  text-transform:capitalize;}
.cc-topper-bg-img1 div{color:#444444; text-align:center; font-size:14px; padding:0 15px; text-transform:uppercase; font-weight:bold;}

.cc-score-share-wrp{ margin:30px 0 0;}
.cc-score-share-wrp b{color:#797979; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0;}
.cc-score-share-wrp textarea{border:#cfcfcf 1px solid; padding:8px 12px; color:#444; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:20px; width:100%; margin:6px 0 15px; background:#f7f7f7; resize:none;}

.cc-share-cont a.email{background:url(images/bg-cc-result-share-sprite.png) #f1f1f1 4px 4px no-repeat; width:155px; display:block; font-size:14px; color:#444; padding:8px 7px 7px 37px; border:#cfcfcf 1px solid; border-radius:5px; margin:5px 10px; float:left;}
.cc-share-cont a.tweet{background:url(images/bg-cc-result-share-sprite.png) #f1f1f1 4px -40px no-repeat; width:155px; display:block; font-size:14px; color:#444; padding:8px 7px 7px 37px; border:#cfcfcf 1px solid; border-radius:5px; margin:5px 10px; float:left;}
.cc-share-cont a.google{background:url(images/bg-cc-result-share-sprite.png) #f1f1f1 4px -87px no-repeat; width:155px; display:block; font-size:14px; color:#444; padding:8px 7px 7px 37px; border:#cfcfcf 1px solid; border-radius:5px; margin:5px 10px; float:left;}
.cc-share-cont a.fbook{background:url(images/bg-cc-result-share-sprite.png) #f1f1f1 4px -133px no-repeat; width:155px; display:block; font-size:14px; color:#444; padding:8px 7px 7px 37px; border:#cfcfcf 1px solid; border-radius:5px; margin:5px 10px 5px 0; float:left;}

.cc-post-load-marks tr td { border:1px solid #ccc; background:#f7f7f7;}


/*---------------------------
 CODE PLAY 
 ----------------------------*/
 
#codeplay_banner { height:auto; background: url('images/codeplay-banner-bg.jpg') left top no-repeat; z-index:52; overflow:visible; background-size:cover; text-align:center; padding-top:45px;}
#codeplay_banner .codeplay-date { font-size:24px; color:#50bcc8; display:block;font-family: 'open_sanssemibold'; margin-bottom:8px;}
#codeplay_banner h2 { color:#fff; font-size:30px; font-family:'Raleway', Arial; font-weight:300; margin-bottom:25px;}
#codeplay_banner h4, #codeplay_banner p, #codeplay_banner h3 { color:#fff;}
#codeplay_banner h4 { margin-bottom:5px;}
#codeplay_banner p { font-size:14px; line-height:20px;}
#codeplay_banner h3  { font-size:21px;}
#codeplay_banner h3 img { margin-right:10px;}

#codeplay_banner .benefits-lists { list-style:none; margin:0 -15px; padding:35px 0 0 0; text-align:left; background: url('images/structure-image.png') center center no-repeat;}
#codeplay_banner .benefits-lists li { margin-bottom:20px;}
#codeplay_banner .benefits-lists .icon { float:left;}
#codeplay_banner .benefits-lists .details { margin-left:62px; display:table; width:298px; height:56px;}
#codeplay_banner .benefits-lists .details p { margin-bottom:0;}
#codeplay_banner .benefits-lists .details .inner { display:table-cell; vertical-align:middle;}
#codeplay_banner .benefits-lists .alt .icon { float:right;}
#codeplay_banner .benefits-lists .alt .details { margin-left:0; margin-right:62px; text-align:right;}

/*#search-filter-form { background:rgba(175, 114, 243, 0.5); border-radius:6px; padding:15px 20px;}
#search-filter-form .languages { margin:0 0 20px; padding:0; list-style:none;}
#search-filter-form .languages li { float:left ; margin-right:18px;}
#search-filter-form .languages li:last-child { margin-right:0;}
#search-filter-form .languages li a { color:#fff; display:block; padding:6px 15px; position:relative; outline:none;}
#search-filter-form .languages li a:hover, #search-filter-form .languages li a:active, #search-filter-form .languages li a:focus { background-color:#4a227e;}
#search-filter-form .languages li.active a { background-color:#4a227e;}
#search-filter-form .languages li.active a:after { background:url('images/white-arrow.png') left top no-repeat; width:19px; height:16px; display:block; content:""; left:50%; margin-left:-10px; bottom:-22px; position:absolute; z-index:5;}
#search-filter-form .form1 > ul > li { float:left; width:31.5%; padding-right:1px;}
#search-filter-form .form1 ul li { text-align:left;}
#search-filter-form .form1 ul li.submit-field { width:5.5%; padding-right:0;}
#search-filter-form .form1 .select { min-height:46px; background:#fff;}
#search-filter-form .form1 .select::after, #search-filter-form .form1 .select, #search-filter-form .form1 input[type="text"], #search-filter-form .form1 input[type="password"], #search-filter-form .form1 .select select { border-radius:0; font-size:14px;}
#search-filter-form .form1 .select select { height:44px;}
#search-filter-form .form1 .form-control { padding:6px 15px; height:46px; border:1px solid #ccc;}
#search-filter-form .form1 .select::after { background:#fff url("images/techgig_images/select-arrow.gif") no-repeat scroll 2px center; height:44px;}
#search-filter-form .form1 .button1 { border-radius:0; border:0; height:46px; width:100%; background:#f35c25 url("images/search-icon.png") no-repeat center center; }
#search-filter-form p a { color:#fff; text-decoration:underline;}
#search-filter-form p  { margin-bottom:0;}
#search-filter-form .chosen-container-single .chosen-single { height:44px; border:0; background:#fff; box-shadow:none; border-radius:0;}
#search-filter-form .chosen-container-single .chosen-single span { line-height:44px; font-size:14px;}
#search-filter-form .chosen-container-single input[type="text"] { height:38px; padding:6px 10px;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices {padding:10px 6px 7px; border-radius:0;}*/

#search-filter-form { background:#1c255d; padding:20px 28px; border-radius:4px 4px 0 0;}
#search-filter-form .form1 input[type="submit"] { padding:12px; font-size:16px; margin-bottom:10px;}
#search-filter-form .form1 { text-align:left;}
#search-filter-form .form1 > ul { min-height:186px;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices { background:none; box-shadow:none; padding-left:15px; padding-right:15px;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-field input[type="text"] { font-size:16px; font-family: 'open_sanssemibold'; color:#8e92ae !important;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice { border:1px solid #474e7b; background:none; color:#fff; padding:4px 22px 4px 10px; box-shadow:none;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { border:0;}
#search-filter-form .form1 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after { font-size:15px; top:-2px; color:#bfc1d1;}
#search-filter-form .form1 .select { background: url('images/select-box-bg.png') bottom left no-repeat; min-height:33px; padding-right:1px; background-size:100% auto; border:0; border-radius:0;}
#search-filter-form .form1 .half .select { background-image: url('images/select-box-bg1.png');}
#search-filter-form .form1 .select select { background:none; height:31px; font-size:16px; font-family: 'open_sanssemibold'; color:#8e92ae;}
#search-filter-form .form1 .select:after { background: url('images/select-arrow1.gif') right top no-repeat; right:1px;}
#search-filter-form .form1 p a { color:#fff; float:left;}
#search-filter-form .form1 p { margin-bottom:0;}
#search-filter-form .form1 .location-field .chosen-choices { max-height:67px; overflow:hidden;}

#codeplay-works { background:#f7f7f7; padding:45px 0 0; text-align:center;}
#codeplay-works h2 { font-size:32px; color:#424242; font-family: 'open_sansregular'; margin-bottom:25px;}
#codeplay-works h2 span { font-family: 'open_sanssemibold'; color:#f35c25;}
#codeplay-works h3 { color:#747474; font-family: 'open_sansregular'; margin-bottom:45px;}
#codeplay-works ul { margin:0 15px; padding:0; list-style:none; text-align:left;}
#codeplay-works ul li { margin-bottom:90px;}
#codeplay-works ul li .image { float:left; border-radius:50%;}
#codeplay-works ul li .details { margin-left:170px; display:table; height:130px; width:355px;}
#codeplay-works ul li .details .inner { display:table-cell; vertical-align:middle;}
#codeplay-works ul li .details h4 a{ color:#333;}
#codeplay-works ul li .details p { color:#747474; margin-bottom:0;}

#codeplay-benefits { padding:45px 0 0; text-align:center;}
#codeplay-benefits h2 { font-size:32px; color:#424242; font-family: 'open_sansregular'; margin-bottom:30px;}
#codeplay-benefits h2 span { font-family: 'open_sanssemibold'; color:#f35c25;}
#codeplay-benefits h3 { color:#747474; font-family: 'open_sansregular'; margin-bottom:45px;}
#codeplay-benefits ul { margin:0; padding:0; list-style:none;  text-align:left;}
#codeplay-benefits ul li { margin-bottom:80px; position:relative;}
#codeplay-benefits ul li .fa { display:block; font-size:41px; float:left; color:#f4865e;}
#codeplay-benefits ul li .details { margin-left:75px; padding-right:30px;}
#codeplay-benefits ul li .details p { margin-bottom:0;}
 

.selected-info { margin-bottom:25px;}
.selected-info span.block { margin-left:30px;}
.selected-info span.block .fa { margin-right:10px; color:#aaa; font-size:22px; vertical-align:middle;}

 
#select-companies { text-align:center;}
#select-companies h2 { margin-bottom:25px;}
#select-companies .checkbox { vertical-align:top; text-align:left; margin-bottom:25px;}
#select-companies .checkbox label::before { bottom:18px;}
#select-companies .checkbox label { background:none; line-height:36px; height:60px; border:1px solid #c9c9c9; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#select-companies .checkbox.active label { border:1px solid #00d9aa;}
 
 
 
 
/*---------------------------
 ENDING CODE PLAY 
 ----------------------------*/




/************tj popup css **************/


.popup_style{ width:665px; margin:auto; background:#fff; overflow:hidden; }
.popup_style h1{ font:normal 18px/24px Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom:10px; }
.popup_style h2{ font:normal 22px/24px Georgia, "Times New Roman", Times, serif!important; color:#333; margin-bottom:20px; text-align:center; padding-bottom:10px; background:url(images/divider.jpg) center bottom no-repeat; }
.popup_style ul{ margin:0px 0 22px; padding-left:0px; }
.popup_style ul li{ float:left; width:33%; list-style:none; font:normal 11px/18px 'open_sanssemibold',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333; margin-bottom:10px; padding-left:56px; margin-bottom:15px; }
.popup_style ul li h2{ margin-left:-40px; }
.popup_style ul li img{ margin:0 10px 0 -45px; float:left; border:1px solid #ccc; padding:2px; border-radius:20px; }
.popup_style .button1{ -moz-box-sizing: border-box; background-color: #376ecd; background-image: -moz-linear-gradient(center top , #376ecd 0%, #2b56be 100%);  border-radius: 3px; color: #FFFFFF; display: inline-block; font:normal 13px/18px 'open_sanssemibold',"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; height: 35px; line-height: 30px; overflow: visible; padding: 3px 15px; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); vertical-align: middle; white-space: nowrap; width: auto; margin:0 25px 20px 6px;  margin-left: 203px;}
.popup_style .button1:hover { background-color: #006600; background-image: -moz-linear-gradient(center top , #2b56be 0%, #376ecd 100%); color: #FFFFFF; text-decoration: none; }

.popup_style .button2{ -moz-box-sizing: border-box; background-color: #9e9f9c; background-image: -moz-linear-gradient(center top , #9e9f9c 0%, #8d8d89 100%);  border-radius: 3px; color: #FFFFFF; display: inline-block; font:normal 13px/18px 'open_sanssemibold',"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; height: 35px; line-height: 30px; overflow: visible; padding: 3px 15px; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); vertical-align: middle; white-space: nowrap; width: auto; margin:0 25px 20px 6px; }
.popup_style .button2:hover { background-color: #006600; background-image: -moz-linear-gradient(center top , #8d8d89 0%, #9e9f9c 100%); color: #FFFFFF; text-decoration: none; }


.popup_style h3{ font:normal 15px/24px Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom:10px;}
.popup_style h4{ font:normal 10px 'open_sansregular',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333; font-weight:bold!important; margin-bottom: 5px;}
.popup_style p{ text-decoration:none; font:normal 12px/22px 'open_sanssemibold',"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333; margin-bottom:20px; }
.popup_style p a{ text-decoration:none; color:#3366cc; font-weight:bold; font-size:14px; }

/* end pop up css */





@media (max-width:1200px) {
	#banner .slide .container { padding:0 30px;}
	#main-links ul li a { font-size:15px;}
	#login-form ul li input[type="text"], #login-form ul li input[type="password"]{ width:156px;}
	#search-filter .search-form .rank-field input[type="text"], #search-filter .search-form .tech-quotient-field input[type="text"], #ldb-srch-btns  input[type="submit"],#ldb-srch-btns  input[type="button"] { width:85px;}
	#contest-info .registred-developers p { font-size:16px;}
	#contest-info .registred-developers .cprogress { font-size:100px;}
	.table3 th, .table3 td { font-size:16px;}
	#codeplay_banner .benefits-lists .details { width:231px;}
	#codeplay_banner h4 { font-size:17px;}
	#codeplay_banner .benefits-lists { background-size:200px; margin-top:50px;}
	#main-navigation ul li { font-size:10px;}
	.links-container.fixed-parent #main-links { max-width:940px;}
	#main-links.fixed ul li a { font-size:13px;}
}

@media (max-width:1070px) {
	#banner a.next-btn { right:-11px; z-index:100;}
	#banner a.previous-btn { left:-11px; z-index:100;}
}

@media (max-width:992px) {
	#codeplay_banner .benefits-lists li { width:100%; margin-bottom:0;}
	#codeplay_banner h3 { font-size:13px;}
	#codeplay_banner h3 img { width:20px;}
	#codeplay_banner .benefits-lists { background:none; margin-top:0; padding-top:0;}
	#codeplay_banner .benefits-lists .details { width:405px;}
	.box1 header h2 { font-size:17px;}
	#main-links ul li a, #main-links ul ul li a { font-size:12px;}
	.box1 p { font-size:15px;}
	#invite-friends .button2 { width:183px;}
	#search-filter .search-form label { font-size:15px;}
	#search-filter .search-form .rank-field input[type="text"], #search-filter .search-form .tech-quotient-field input[type="text"], #ldb-srch-btns  input[type="submit"],#ldb-srch-btns  input[type="button"] { width:60px;}
	#search-filter #ldb-srch-btns  input[type="submit"],#search-filter #ldb-srch-btns  input[type="button"] {font-size:14px; padding:5px 8px;}
	.tabs .tab-strips li a { font-size:12px;}
	.tabs .tab-strips li.half a { font-size:14px;}
	.list3 li p { line-height:16px;}
	#all-top-scores .table2 span.first-letter { display:block; margin:0 auto; margin-bottom:10px;}
	#all-top-scores .table2 tr td.name { text-align:center;}
	.table1 td.participants-name { width:auto;}
	.previous-challenges ul li p { font-size:15px; margin-bottom:10px;}
	.list4 li a { font-size:12px;}
	#newsletter-form input[type="submit"], #footer .section.sixth { width:131px;}
	#newsletter-form input[type="text"] { width:275px;}
	#footer .section { width:160px;}
	#footer .section.first { width:230px;}
	#banner .benefits li { width:140px; height:140px; margin:0 20px; font-size:17px; line-height:23px;}
	#banner .benefits li .inner { height:120px;}
	#header .user-controls { clear:none; margin-right:20px; padding-top:13px;}
	#header #login-form { margin-bottom:12px; float:right;}
	#header .sociable { margin-bottom:12px;}
	#header .logo { padding-top:17px;}
	#footer .directory p { font-size:11px;}
	#footer .people-directory { margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #dedede;}
	#banner .slide .container { padding:0 30px;}
	#banner a.previous-btn { left:-5px;}
	#banner a.next-btn { right:-5px;}
	.tabs .tab-strips li a { padding:4px 5px;}
	#banner .top-challenges li figure img { width:150px;}
	#banner .testimonials .inner-block p { font-size:13px; line-height:18px;}
	#header .user-area { clear:both; margin-right:0;}
	#skills h3, #skills h2 span { font-size:20px;}
	#skills p { font-size:15px;}
	#skills h2 { font-size:30px;}
	#banner .direction-nav .container, #banner .slide, #banner  { height:290;}
	#header .sociable { margin-right:6px;}
	#header .user-controls li, #header .user-controls li label { font-size:12px;}
	#header .user-controls { padding-top:20px;}
	.search { position:absolute; left:0; top:5px;}
	#header .sociable, #header .user-controls { padding-top:5px;}
	.search-box { width:390px;}
	.search-box input[type="text"] { width:301px;}
	.list2 li h3 { padding-top:0; font-size:12px;}
	.list2 li .score { width:130px; font-size:12px; text-align:left; float:left; padding:0; line-height:15px;}
	.list2 li .score small { display:inline; color:#000;}
	.table3 th, .table3 td { font-size:15px;}
	#contest-info .registred-developers .number { width:95px; height:95px; line-height:83px;}
	#contest-info .registred-developers p { font-size:17px; line-height:28px;}
	#contest-info .registred-developers .inner { top:13px;}
	#contest-info .invite-your-friends h3 { font-size:17px;}
	#contest-info .registred-developers .cprogress .number { font-size:20px;}
	
	ul.list5 .sociable p, ul.list5 .sociable a { float:none;}
	ul.list5 .sociable a { display:inline-block; margin-left:2px;}
	ul.list5 .sociable { text-align:right;}
	ul.list6 li .name { width:114px; overflow:hidden; display:inline-block;}
	#contest-info .registred-developers .cprogress { font-size:78px;}
	.table3 th, .table3 td, #contest-info .registred-developers p  { font-size:13px;}
	#contest-info .invite-your-friends .button1 { font-size:15px;}
	#query-form { width:340px;}
	#query-form li.varification-field label { line-height:32px;}
	#query-form li.varification-field input[type="text"] { clear:left;}
	.tab1 .nav-tabs > li > a { font-size:14px; line-height:31px;}
}

@media (max-width:767px) {
	#all-top-scores .table2 span.first-letter { display:inline-block; margin:0 17px 0 0;}
	#all-top-scores .table2 tr td.name { text-align:left;}
	#header .sociable a.linkedin, #header .sociable a.facebook { width:25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	#header .logo { padding-top:0; width:98px;}
	#header .sociable { position:absolute; right:0; top:0;}
	#header .col-sm-10 { position:static;}
	#header #login-form ul li { margin-right:5px; width:40.7%;}
	ul.list6 li .name { width:auto; overflow:visible;}
	#header #login-form ul li:last-child { margin-right:0;}
	#header #login-form ul li.submit-field { width:15%;}
	#search-filter #ldb-srch-btns {width:100%;}
	#search-filter #ldb-srch-btns  input[type="submit"],#search-filter #ldb-srch-btns  input[type="button"] {font-size:16px; margin-top:0; padding:5px 15px; width:100px;}
	#header .sociable { padding-top:9px;}
	#header #login-form ul li input[type="text"], #header #login-form ul li input[type="password"] { width:100%;}
	#header #login-form ul li input[type="submit"] { width:100%;}
	#header #login-form { float:none; padding-top:12px;}
	#header .google-app { position:absolute; left:122px; top:10px; width:99px;}
	#header .user-controls { padding-top:0; margin-right:0; float:none;}
	#header .user-controls li input[type="checkbox"] { margin-right:3px;}
	#search-filter .search-form form > ul > li { width:50%; padding:0 5px;}
	#search-filter .search-form label { font-size:14px;}
	#search-filter .search-form .select select, #search-filter .search-form  input[type="text"], ul.list6 li { font-size:13px;}
	#header .user-controls li, #header .user-controls li label { font-size:10px;}
	#header .user-controls li label { position:relative; top:-3px;}
	#header .user-controls li { margin-left:0; padding-left:3px;}
	#header .user-controls li input[type="checkbox"] { top:0;}
	#search-filter .search-form .rank-field input[type="text"], #search-filter .search-form .tech-quotient-field input[type="text"] { width:48%;}
	h2 { font-size:17px;}
	.previous-challenges ul li h3 { font-size:15px;}
	.previous-challenges ul li p { font-size:13px; line-height:18px;}
	.previous-challenges .sociable { padding-top:0; margin-bottom:10px; float:none;}
	.previous-challenges ul li { padding-bottom:24px; margin-bottom:24px;}
	.previous-challenges { margin-bottom:30px;}
	.box1 p, .box1 dl dt, .box1 dl dd { font-size:13px; line-height:18px;}
	.list2 li h3 { font-size:14px; padding-top:8px;}
	.list2 li .score { width:auto; font-size:14px; text-align:center; float:right; padding:0 15px 0 0; line-height:17px;}
	.list2 li .score small { display:block; color:#666;}
	.table1 th, .table1 td { padding:5px;}
	.table1 td { font-size:11px;}
	.table1 th { font-size:12px;}
	.table1 td .avatar { width:35px; height:35px;}
	.table1 td span.name { padding-top:5px;}
	.table1 td .avatar { float:none;}
	.table1 { margin-bottom:30px;}
	#recomended { margin-top:70px;}
	#recomended .heading { top:-45px;}
	#footer .section.first { width:100%;}
	#footer .section, #footer .section.fifth { width:50%;}
	#footer h4 { font-size:14px;}
	#footer .sections { width:100%; overflow:hidden; margin:0;}
	#footer .section { padding:0;}
	#footer .logo { margin-bottom:15px;}
	#footer-navigation ul li { margin-bottom:7px;}
	#footer .directory p strong { display:block;}
	#footer .company-directory { float:none;}
	#newsletter-form input[type="submit"] { width:100px; font-size:14px;}
	#footer #newsletter-form { float:none;}
	#newsletter-form form { float:left;}
	#newsletter-form input[type="text"] { width:64.9%;}
	#newsletter-form form { height:32px;}
	#banner a.next-btn { right:-18px;}
	#banner a.previous-btn { left:-18px;}
	#footer .list4 { margin-bottom:15px;}
	.list4 li { line-height:19px;}
	#banner h2 { font-size:22px; line-height:38px; margin-bottom:15px;}
	#banner .benefits li { width:90px; height:90px; padding:5px; font-size:13px; line-height:18px; margin:0 12px 10px;}
	#banner .benefits li .inner { height:80px; padding:5px;}
	#banner .benefits li:after { width:32px; height:26px; background-size:100% 100%; right:-25px; margin-top:-13px;}
	#banner .slide .inner-slide, #banner .slide .container { display:block;}
	#header .sociable { margin-right:15px;}
	#header .user-controls li.first { top:3px; position:relative;}
	#header #login-form { margin-bottom:3px;}
	.search { position:relative; left:auto; top:auto; margin:0; float:none; padding-top:9px;}

	#banner a.next-btn {right:1px;}
	#banner a.previous-btn {left:1px;}
	#banner .slide .container { padding:0 35px;}
	#banner .top-challenges li figure img { width:100px;}
	#banner .testimonials blockquote { margin:0;}
	#slide1 img { max-width:440px;}
	.search-box { width:100%;}
	.search-box input[type="text"] { width:72%;}
	.search-box input[type="submit"] { float:right;}
	.mn-usr-pic { top:4px !important; margin-right:2px !important; width:20px !important;}
	#skills h3, #skills h2 span { font-size:18px; line-height:30px;}
	#skills h2 { font-size:27px; line-height:35px;}
	/*#banner .direction-nav .container, #banner .slide, #banner  { height:200px;}*/
	#header .inner-header { position:static; margin-top:0;}
	.cc-share-cont a.tweet, .cc-share-cont a.fbook { width:46%; margin:0 2%; font-size:11px;}
	.cc-share-cont a.email { font-size:11px; width:46%; margin:0 auto 35px; position:relative; top:12px; float:none; clear:both;}
	.cc-prob-inout { width:100%;}
	.cc-prob-compile { width:100%; padding:20px 3px;}
	.cc-prob-inout textarea { width:100%;}
	#query-form { float:none; width:100%; margin:0 0 20px 0;}
	#all-top-scores .table2 { margin:0; width:735px;}
	
	.table-responsive { border: 1px solid #ddd; margin-bottom: 15px; max-width:767px; overflow-y: hidden; width: 100%; position:relative; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;}
	.table-responsive table { width:705px;}
	ul.list5 li p { font-size:13px;}
	ul.list5 .button1 { float:left; margin-top:15px;}
	ul.list5 .sociable { float:left; clear:both;}
	ul.list5 .sociable p, ul.list5 .sociable a { float:left;}
	ul.list5 .sociable a { margin-left:8px;}
	ul.list5 li { padding-bottom:22px;}
	.post ul li, .post p { font-size:14px;}
	.tabs1 .tab-strips li { width:33.333%; padding:0 5px;}
	.tabs1 .tab-strips li:last-child { padding-right:5px;}
	.tabs1 .tab-strips li a { font-size:11px; height:50px; line-height:17px;}
	.tabs1 .tab-strips li a span { padding:8px 4px;}
	.tabs1 .tab-strips { padding:0;}
	.tabs1 .tab-strips li.ui-state-active a { font-weight:normal;}
	.table2 thead th, .table2 td { font-size:15px; padding:11px 15px;}
	#contest-info .registred-developers { margin-bottom:20px;}
	#header .search, #header { z-index:101;}
	h3 { font-size:17px;}
	.form1 textarea, .form1 input[type="text"], .form1 input[type="password"], .form1 .select select { font-size:16px;}
	.table1 { width:100% !important;}
	#faq ol { margin:15px !important; padding:0 !important;}
	ul.list5 .button1, ul.list5 .button4 { float:none;}
	.tab1 .nav-tabs > li .fa { font-size:19px; margin-right:5px; vertical-align:text-bottom;}
	.tab1 .nav-tabs > li > a { padding:5px 10px; font-size:13px; background:#f7f7f7;}
	.nav-tabs > li { width:100%; margin-right:0; margin-bottom:2px;}
	.table2 thead th, .table2 td { font-size:13px;}
	#contest-info .registred-developers .col-sm-4 { width:33.333%;}
	#contest-info .registred-developers .cprogress { margin-bottom:0;}
	#banner h2 { line-height:27px;}
	
	#contest-info .invite-your-friends { display:none;}
	.cc-prob-timer .title { display:block; margin-bottom:10px; font-size:20px;}
	.qz-qns-rt.box1 { display:none;}
	.cc-problem-code-wrp.box1 { margin-right:0 !important;}
	.heading1 { font-size:18px;}
	#codeplay_banner { height:auto !important; padding:15px 0 !important;}
	#codeplay_banner .benefits-lists { display:none;}
	#codeplay_banner h2 { font-size:21px; line-height:27px;}
	#codeplay_banner h3 { font-size:18px;}
	#codeplay_banner h3 img { width:25px;}
	#main-links ul li a, #main-links ul ul li a, #main-links.fixed ul li a { font-size:11px;}
}
@media (max-width:479px) {
	#query-form li.varification-field input[type="text"] { width:100%; margin-right:0;}
}


/*--- Checkboxes --- */
.checkboxes .checkbox { position:relative; min-width:92px; display:inline-block; text-align:left; margin:0 9px 15px 9px;}
.checkboxes .checkbox label { font-size:15px; margin-bottom:0; color:#314451; background:#e3e3ec; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:10px 15px 10px 40px; display:block; cursor:pointer;}
.checkboxes .checkbox input[type=checkbox]:checked + label:before { background:url(images/techgig_images/checkbox1.png) left 1px no-repeat; }  
.checkboxes .checkbox input[type=checkbox] { display: none; }  
.checkboxes .checkbox label:before {content: ""; display: inline-block; width: 23px; height: 21px; margin-right: 10px;  position: absolute; left: 11px;  bottom:8px; background:url(images/techgig_images/checkbox1.png) left -20px no-repeat; }  
.checkboxes .checkbox input[type=checkbox]:checked + label:before {background:url(images/techgig_images/checkbox1.png) left 1px no-repeat; }
.checkboxes .see-more { display:block; width:100px; margin:30px auto 0;}  



/*--- Completed-test --- */
#completed-test header { text-align:center;}
#completed-test header h2 { margin-bottom:15px;}
#completed-test header .fa-check-circle { font-size:21px; color:#00d8a6;}
#completed-test footer { padding:20px 0;}
#completed-test footer p { font-size:13px; color:#8f9ea8;}
#completed-test .post .button4 { margin-bottom:20px;}
#completed-test textarea { margin-bottom:20px;}
#completed-test .box4 { margin-bottom:20px;}

/*--- Test Result --- */
#test-result .table5 tr td, #test-result .table5 tr th { text-align:center;}
#test-result .table5 tr td:first-child, #test-result .table5 tr th:first-child { text-align:left;}
#test-result .table5 tr td .fa-check { color:#00d9aa; font-size:17px;}
#test-result .table5 tr td .fa-times { color:#d35458; font-size:17px;}
#test-result .table5 tr td .fa-smile-o { color:#00d9aa; font-size:26px;}
#test-result .table5 tr td .fa-meh-o { color:#d35458; font-size:26px;}
#test-result h4 {  margin-bottom:20px;}
#test-result #user-stats { margin:0 0 35px; padding:0; list-style:none;}
#test-result #user-stats li { float:left; margin-right:5px; background:#e3e3ed; width:224px; text-align:center;}
#test-result #user-stats li .inner { height:132px; width:100%; display:table;}
#test-result #user-stats li .inner p { margin:0; display:table-cell; font-size:14px; vertical-align:middle;}
#test-result #user-stats li .inner p .value { font-size:28px; display:block;}
#test-result #user-stats li:last-child { margin-right:0;}
#test-result #user_total_score { margin-bottom:35px;}
#test-result #user_total_score .table5 tr th, #test-result #user_total_score .table5 tr td { font-size:17px; text-align:center; width:50%;}

#test-result #submission-resulsts { margin-bottom:35px;}
#test-result #submission-resulsts .sociable2 { float:right;}
#test-result #submission-resulsts .sociable2 p { margin-bottom:0;}
#test-result #submission-resulsts .sociable2 a:last-child { margin-right:0;}
#test-result #submission-resulsts .compilation-log { margin-bottom:0;}
#test-result #submission-resulsts .compilation-log .panel-body { max-height:120px; overflow:auto;}

#test-result #try-your-test-case { margin-bottom:35px;}
#test-result #try-your-test-case .box1 { padding:10px 15px 15px;}
#test-result #try-your-test-case .compile-btn { margin-top:64px;}

#test-result #your-submitted-code { margin-bottom:55px;}
#test-result #your-submitted-code textarea { min-height:200px; background: #efeff4;  border:1px solid #dadada;}



/* start prize banner css */
#prizes-banners { position: relative; z-index: 99; }
/* end prize banner css */

.global-form input[type="text"] {
    background: none repeat scroll 0 0 #fbfbfb;
    border: 1px solid #ccc;
    font-size: 14px;
    height: 30px;
    padding: 5px;
    width: 97%;
}

/* ------------------------------------- 
 	Cross Browser CSS
	Documentation: http://rafael.adm.br/css_browser_selector/
------------------------------------- */
/*Use to make CSS 3 Rounded Corners , Text Shadows and Box Shadows for IE */
/* .ie .css3 { behavior: url("../javascript/vendor/PIE.htc"); position:relative; } */

.eq-ie8 .container { max-width:970px;}