/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    color: #757575;
}
body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
    background-color: #f1f2f2;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations 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;
}
/* =============================================================================
   Links
   ========================================================================== */
a:focus {
    outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
    outline: 0;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: "";
    content: none;
}
small {
    font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}
ul {
    list-style: none;
}
li {
    list-style: none;
}
dd {
    margin: 0 0 0 40px;
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
    overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
    margin: 0;
}
/* =============================================================================
   Forms
   ========================================================================== */
form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button,
input {
    line-height: normal;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}
/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
    cursor: default;
}
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0;
}
/* ==|== primary styles =====================================================
   Author: Resolution Interactive Media
   ========================================================================== */
/* =============================================================================
   Less Setup
   ========================================================================== */.box-sizing {
                                                                                    -moz-box-sizing: border-box;
                                                                                    -webkit-box-sizing: border-box;
                                                                                    box-sizing: border-box;
                                                                                }
/* ============================================================================
   Basics
   ========================================================================== */@font-face {
    font-family: PTSans;
    font-weight: normal;
    src: url('fonts/PTSansRegular-webfont.eot.html');
    src: local('?'), url('fonts/PTSansRegular-webfont.ttf.html') format('truetype'), url('fonts/PTSansRegular-webfont.woff.html') format('woff');
}
a {
    cursor: pointer;
    color: #f47931;
    text-decoration: none;
    -moz-transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
a:hover {
    color: #f7941e;
}
a:hover,
a:active {
    outline: 0;
}
.arr {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-weight: 300;
    color: #f47931;
}
h1 {
    font-size: 28px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 18px;
}
h4 {
    font-size: 16px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}
input[type="text"],
input[type="email"],
input[type="date"],
input[type="address"],
input[type="tel"],
input[type="password"],
input[type="url"],
textarea {
    background: #FFF;
    border: 1px solid #f47931;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.15);
    padding: 8px;
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    outline: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="address"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
    border: 1px solid #af5724;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
    background-color: #fffbf2;
}
form fieldset div {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0 0 20px 0;
    /*border-bottom: 1px solid @grey;*/

}
fieldset {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 30px;
}
form select {
    background: #FFF;
    border: 1px solid #f47931;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    padding: 8px;
    color: #757575;
    font-size: 14px;
    font-weight: normal;
    outline: none;
    width: 260px;
    height: 35px;
}
form div.hasSubmit {
    border-bottom: none;
    padding: 0;
}
form fieldset div label {
    float: left;
    width: 100px;
    margin: 8px 15px 0 0;
}
form div input[type="radio"] {
    float: left;
    margin: 12px 5px 0 0;
}
#container {
    max-width: 960px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
#container {
    position: relative;
    z-index: 3;
    clear: both;
    margin-top: 20px;
    line-height: 25px;
}
.icon {
    display: block;
    text-align: left;
    text-indent: -9999px;
}
.celebStar {
    color: #f47931;
}
.lang-ar {
    text-align: right;
    display: block;
}
/* =============================================================================
   ToolTips
   ========================================================================== */
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}
.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.tooltip.top {
    margin-top: -3px;
}
.tooltip.right {
    margin-left: 3px;
}
.tooltip.bottom {
    margin-top: 3px;
}
.tooltip.left {
    margin-left: -3px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}
h2[rel=tooltip] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/* =============================================================================
   Main Styles
   ========================================================================== */#wrapper {
                                                                                    width: 960px;
                                                                                    margin: 0 auto;
                                                                                    margin-top: 40px;
                                                                                    padding: 40px 30px 30px 30px;
                                                                                    background-color: #FFFFFF;
                                                                                }
/*#wrapper h2:first-child {
	padding-top: 35px;
}*/
.tamIntro {
    padding: 20px 0px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}
#sbNotifyWidget {
    position: fixed;
    top: 30%;
    left: 0;
    width: 49px;
    height: 214px;
    border: none;
    z-index: 300;
    text-align: center;
}
#sbNotifyWidget #notifyCircle {
    float: right;
    -moz-border-radius: 15px 0px 15px 0px;
    -webkit-border-radius: 15px 0px 15px 0px;
    -ms-border-radius: 15px 0px 15px 0px;
    border-radius: 15px 0px 15px 0px;
    background-color: #FFFFFF;
    color: #474747;
    width: 26px;
    height: 30px;
    margin-right: 11px;
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
}
#sbNotifyWidget .squareButton:hover #notifyCircle {
    background-color: #f47931;
    color: #FFF;
}
#sbNotifyWidget #notifyCircle a {
    color: #474747;
}
#sbNotifyWidget .squareButton {
    display: block;
    width: 149px;
    height: 36px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: white;
    border-top: 1px solid white;
    background-color: rgba(0, 0, 0, 0.8);
    -moz-box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 8px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    margin-left: -106px;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#sbNotifyWidget .squareButton:hover,
#sbNotifyWidget .squareButton.roundBottom:hover {
    margin-left: 0;
    color: #f47931;
}
#sbNotifyWidget .squareButton .plus {
    font-size: 41px;
}
#sbNotifyWidget .squareButton.roundBottom {
    position: relative;
    -moz-border-radius: 0px 0 24px 0px;
    -webkit-border-radius: 0px 0 24px 0px;
    -ms-border-radius: 0px 0 24px 0px;
    border-radius: 0px 0 24px 0px;
    width: 214px;
    margin-left: -171px;
}
#sbNotifyWidget .squareButton.roundTop {
    padding-top: 8px;
    border-top: none;
    -moz-border-radius: 0px 24px 0px 0px;
    -webkit-border-radius: 0px 24px 0px 0px;
    -ms-border-radius: 0px 24px 0px 0px;
    border-radius: 0px 24px 0px 0px;
}
#sbNotifyWidget span,
#sbNotifyWidget .roundBottom a {
    padding: 6px 0;
    float: left;
    text-align: right;
    width: 100px;
}
#sbNotifyWidget .roundBottom a {
    width: auto;
    margin-left: 10px;
    left: 90px;
}
#sbNotifyWidget .roundBottom span {
    float: right;
    width: auto;
    padding: 0 10px 0 0;
    color: #f47931;
}
#sbNotifyWidget #sbAddButton:hover {
    color: #f47931;
}
#sbNotifyWidget #sbMyIdeasButton,
#sbNotifyWidget #sbMyProjectsButton,
#sbNotifyWidget #sbMyChallengesButton {
    float: right;
    padding-right: 10px;
    width: 30px;
    height: 30px;
}
#sbNotifyWidget #sbMyIdeasButton {
    background: url(img/notifyIdeaSprite.png.html) 0px 0px no-repeat;
}
#sbNotifyWidget #sbMyProjectsButton {
    background: url(img/notifyProjectSprite.png.html) 0px 0px no-repeat;
}
#sbNotifyWidget #sbMyChallengesButton {
    background: url(img/notifyChallengeSprite.png.html) 0px 0px no-repeat;
}
#sbNotifyWidget .squareButton:hover #sbMyIdeasButton {
    background: url(img/notifyIdeaSprite.png.html) 0px -30px no-repeat;
}
#sbNotifyWidget .squareButton:hover #sbMyProjectsButton {
    background: url(img/notifyProjectSprite.png.html) 0px -30px no-repeat;
}
#sbNotifyWidget .squareButton:hover #sbMyChallengesButton {
    background: url(img/notifyChallengeSprite.png.html) 0px -30px no-repeat;
}
/******HEADER STUFF*******/
/*header {
	height: 110px;
	border-bottom: 1px solid #CDCDCD;
	position: fixed;
	width: 100%;
	top: 0;
	background: #FFF;
	z-index: 99;
}*/
header {
    height: 42px;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #414042;
    z-index: 99;
}
header + .content {
    padding-top: 130px;
}
header #logo {
    margin-top: 1px;
    float: left;
    width: 90px;
    height: 40px;
}
#headerWrap {
    margin: 0px auto;
    width: 960px;
    height: 42px;
}
#userInfo {
    float: right;
    height: 53px;
    font-size: 18px;
}
#userInfo img {
    width: 34px;
    height: 34px;
    -moz-border-radius: 9px 0 9px 0;
    -webkit-border-radius: 9px 0 9px 0;
    -ms-border-radius: 9px 0 9px 0;
    border-radius: 9px 0 9px 0;
    float: left;
    margin-top: 4px;
}
.notloggedin #userInfo {
    height: 28px;
    margin-top: 7px;
    text-align: right;
}
.notloggedin #userInfo a {
    color: #FFF;
}
#nav {
    list-style: none;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
    padding: 0px;
}
#nav li {
    list-style: none;
    display: block;
    float: left;
    height: 42px;
    margin-right: 20px;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    cursor: pointer;
    color: white;
}
#nav li a {
    color: #FFF;
}
#nav li a:hover {
    color: #f7941e;
}
#headerWrap form {
    float: left;
}
#search {
    height: 26px;
    border: none;
    margin-top: 7px;
    margin-left: 4px;
    width: 185px;
    padding-left: 30px;
    outline: 0;
    background: url(../../themes/TaM/img/searchIcon.gif.html) #5a595b 9px 8px no-repeat;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    color: #FFF;
}
#userControls {
    width: 56px;
    float: right;
    border-left: 1px solid #F47931;
    height: 34px;
    padding-left: 10px;
    margin-top: 4px;
}
.accentOrange {
    color: #F47931;
}
#userData {
    float: left;
    height: 34px;
    margin-left: 10px;
    padding-left: 10px;
    line-height: 34px;
    margin-top: 4px;
    border-left: 1px solid #f47931;
    color: #FFF;
}
#userData #headDisplayName {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #f47931;
    height: 34px;
    float: left;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#userData #headPoints {
    padding-right: 10px;
    float: left;
    color: #FFF;
}
#userData a {
    color: #FFF;
}
.userControls {
    width: 16px;
    height: 16px;
    display: block;
    opacity: .5;
    margin-top: 9px;
    float: left;
}
.userControls:hover {
    opacity: 1;
}
.userControls.logoutIcon {
    background: url(img/userCardIcons.gif.html) 0px 0px no-repeat;
}
.userControls.settingsIcon {
    background: url(img/userCardIcons.gif.html) 0px -16px no-repeat;
    margin-right: 4px;
}
.userControls.mailIcon {
    background: url(img/messageIcon.gif.html) no-repeat;
    margin-right: 4px;
}
.userControls.hasMailIcon {
    background: url(img/messageIconIlluminated.gif.html) no-repeat;
    opacity: 1 !important;
    margin-right: 4px;
}
/*****HEADER STUFF ARABIC*****/
/*body.ar header #logo {
	float: right;
}


body.ar #userInfo {
	float: left;
}

body.ar #userInfo img {
	float: right;
}

body.ar .notloggedin #userInfo {

}

body.ar #nav {
	float: right;
	margin-left: 0px;
	margin-right: 80px;
}

body.ar #nav li {
	float: right;
}

body.ar #nav li a {
	
}

body.ar #nav li a:hover {
	
}

body.ar #headerWrap form {
	float: right;
}

body.ar #search {
	margin-right: 30px;
	margin-left: 0px;
	width: 163px;
	padding-right: 30px;
	padding-left: 0px;
	direction: rtl;
	background: url(img/searchIcon.gif.html) 168px 11px no-repeat;
}

body.ar #userControls {
	padding-left: 0px;
	padding-right: 10px;
	border-left: none;
	border-right: 1px solid @accent;
	
}

body.ar .accentOrange {
	
}

body.ar #userData {
	float: right;
	margin-left:0px;
	padding-left: 0px;
	text-align: right;
	margin-right: 10px;
	padding-right: 12px;
	border-left: none;
	border-right: 1px solid @accent;
}

body.ar .userControls {
	
}

*/
/****************************/
#homeCyclerWrap {
    /*border-bottom: 1px solid #CDCDCD;*/

}
#homeCycler {
    width: 960px;
    margin: 0px auto;
    height: 470px;
    position: relative;
}
#homeThemeL {
    float: left;
    width: 320px;
    height: 470px;
    font-size: 22px;
}
body.ar #homeThemeL {
    float: right;
}
#homeThemeL ul {
    list-style: none;
    padding-left: 15px;
}
body.ar #homeThemeL ul {
    list-style: none;
    padding-right: 15px;
}
#homeThemeL h3 {
    font-weight: 300;
    color: #F47931;
    margin-top: 130px;
    font-size: 22px;
    margin-left: 17px;
}
body.ar #homeThemeL h3 {
    font-weight: 300;
    color: #F47931;
    margin-top: 130px;
    font-size: 22px;
    margin-right: 17px;
}
#homeThemeR {
    float: right;
}
body.ar #homeThemeR {
    float: left;
}
.cycleImageWrap {
    width: 638px;
    height: 425px;
    overflow: hidden;
    -moz-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.8);
    -ms-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.8);
    box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.8);
    border: 1px solid #cdcdcd;
    position: relative;
}
.cycleImageWrap img {
    width: 638px;
    height: auto;
}
.themeOverlay {
    background-color: rgba(255, 255, 255, 0.8);
    height: 150px;
    width: 638px;
    margin-left: 1px;
    margin-bottom: 1px;
    position: absolute;
    bottom: 0px;
}
.themeOverlay img {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    width: 80px;
    height: 80px;
}
.themeOverlay .imgWrap {
    padding: 0px 20px 20px 0px;
    float: left;
    border-right: 1px solid #F47931;
    margin: 20px 20px 0px 20px;
}
body.ar .themeOverlay .imgWrap {
    padding: 0px 0px 20px 20px;
    float: right;
    border-left: 1px solid #F47931;
    border-right: none;
}
.themeOverlay h3 {
    color: #757575;
    margin-top: 14px;
    margin-bottom: 6px;
}
.themeOverlay h3 a {
    color: #757575;
}
.themeOverlay p {
    margin-top: 0px;
    font-size: 13px;
    line-height: 21px;
    padding-right: 10px;
}
.themeOverlay p a {
    color: #757575;
}
.playButton {
    width: 77px;
    height: 77px;
    background: url(img/playButton.png.html) no-repeat;
    opacity: .6;
    position: absolute;
    cursor: pointer;
    top: 97px;
    left: 289px;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.playButton:hover {
    opacity: 1;
}
#homeCycler #prev,
#homeCycler #next {
    cursor: pointer;
    position: absolute;
}
#homeCycler #prev {
    top: 235px;
    left: -65px;
}
#homeCycler #next {
    left: 1009px;
    top: 235px;
}
.bannerArrow {
    width: 18px;
    height: 33px;
    background: url(img/bannerArrows.png.html) 0px 0px no-repeat;
}
.bannerArrow.left {
    background-position: top left;
}
.bannerArrow.right {
    background-position: top right;
}
.bannerArrow.left,
.bannerArrow.right {
    opacity: .5;
}
.bannerArrow.left:hover,
.bannerArrow.right:hover {
    opacity: 1;
}
.content {
    width: 960px;
    margin: 0px auto;
}
.splitCols {
    margin-top: 20px;
    float: left;
    width: 100%;
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;
}
body.ar .content .splitCols .splitColA {
    float: right;
    border-right: none;
    border-left: 1px solid #F47931;
    padding-left: 12px;
}
body.ar .content .splitCols .splitColB {
    float: left;
    padding-right: 12px;
}
#chAddIdea {
    background: url(img/bigIdeaSprite.png.html) 19px 8px no-repeat;
    text-align: right;
    padding-right: 35px;
    width: 210px;
}
#chAddIdea:hover {
    background: url(img/bigIdeaSprite.png.html) 19px -72px no-repeat;
}
#chAddIdea:active {
    background: url(img/bigIdeaSprite.png.html) 19px -147px no-repeat #f47931;
    color: #FFFFFF;
}
#homeCreateAProject {
    background: url(img/bigProjectSprite.png.html) 26px 8px no-repeat;
    text-align: right;
    width: 211px;
    padding-right: 35px;
}
#homeCreateAProject:hover {
    background: url(img/bigProjectSprite.png.html) 26px -72px no-repeat;
}
#homeCreateAProject:active {
    background: url(img/bigProjectSprite.png.html) 26px -147px no-repeat #f47931;
    color: #FFFFFF;
}
/*.content > div:first-child, .content > section:first-child { margin-top: 0 !important; border: none; }*/
.content > section:first-child + section {
    border: none;
}
.homeButtonBank {
    margin-top: 0px;
    padding-top: 40px;
}
.splitCols h2 {
    color: #757575;
    margin: 10px 0 20px;
}
.splitCols h2 span {
    color: #f47931;
}
.splitColA {
    float: left;
    width: 308px;
    border-right: 1px solid #F47931;
    padding-right: 12px;
}
.splitColA.sixtyFourty {
    width: 368px;
}
.splitColB {
    float: right;
    width: 610px;
}
.splitColB.sixtyFourty {
    width: 550px;
}
.splitColA ul {
    list-style: none;
}
/*body.ar .splitColA {
	float: right;
	width: 320px;
	border-left: 1px solid #F47931;
	border-right: none;
}

body.ar .splitColB {
    float: left;
    width: 615px;
}

*/
.navButton {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 226px;
    height: 36px;
    border: 1px solid #F47931;
    margin-right: 12px;
    text-align: left;
    font-size: 18px;
    line-height: 36px;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    cursor: pointer;
    padding-left: 12px;
    margin-bottom: 10px;
    color: #757575;
}
.navButton:active {
    background-color: #f47931;
    color: #FFF;
}
/*body.ar .splitColA .navButton {
	margin-right: 0;
	text-align: right;
	padding-right: 10px;
	padding-left: 0px;
}*/
.navButton a {
    color: #757575;
}
.navButton a:hover {
    color: #757575;
}
.navButton.bigHomeButton {
    padding: 13px;
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
    width: 241px;
    margin-left: 20px;
}
.navButton.bigHomeButton.first {
    margin-left: 0;
}
.navButton.bigHomeButton.second {
    margin-left: 13px;
}
footer {
    max-width: 960px;
    margin: 30px auto;
    border-top: 1px solid #CDCDCD;
    margin-top: 50px;
    padding-top: 22px;
    margin-bottom: 30px;
    font-size: 13px;
    clear: both;
}
footer .footerLinks {
    float: right;
}
body.ar footer .footerLinks {
    float: left;
}
.heartIcon {
    width: 45px;
    height: 20px;
    float: left;
    margin-left: 15px;
    margin-right: 5px;
}
.heartIcon a {
    display: block;
    float: left;
    width: 23px;
    height: 20px;
    background: url(img/heartIcon.gif.html) top left no-repeat;
    cursor: pointer;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    color: #FFF;
}
.heartIcon a:hover {
    width: 23px;
    height: 20px;
    background-position: 0px -21px;
}
.heartIcon.liked a {
    background-position: 0px -42px;
}
.heartIcon.liked a:hover {
    background-position: 0px -63px;
}
.heartIcon .count {
    border: 1px solid #BBB;
    height: 18px;
    width: 15px;
    float: right;
    font-size: 10px;
    text-align: center;
    color: black;
    line-height: 17px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.heartIcon.mini {
    width: 13px;
    float: left;
    height: 11px;
    margin: 0px;
    overflow: hidden;
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.heartIcon.mini a {
    background-size: 13px;
    width: 13px;
    height: 13px;
}
.heartIcon.mini a:hover {
    background-position: 0px -12px;
}
.heartIcon.mini.liked a {
    background-position: 0px -23px;
}
.heartIcon.mini.liked a:hover {
    background-position: 0px -35px;
}
.heartIcon.vertical {
    width: 57px;
    height: 59px;
    position: relative;
    margin-left: 2px;
    margin-bottom: 15px;
}
.heartIcon.vertical a {
    float: none;
    position: absolute;
    top: 40px;
    left: 17px;
}
.heartIcon.vertical .count {
    float: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 55px;
    height: 34px;
    font-size: 15px;
    line-height: 32px;
}
.videoWrap {
    display: block;
    width: 100%;
    position: relative;
}
.videoWrap img {
    width: 100%;
}
.videoWrap .playButton {
    left: 50%;
    top: 50%;
    margin: -38px 0 0 -38px;
}
.home .filteringOptions {
    float: right;
    margin-top: 15px;
}
.filteringOptions {
    float: right;
    margin-top: -33px;
}
body.ar .home .filteringOptions {
    float: left;
    margin-top: 15px;
}
body.ar .filteringOptions {
    float: left;
    margin-top: -33px;
}
.filteringOptions span {
    cursor: pointer;
}
.videoThumbHolder {
    overflow: hidden;
}
/*Badges ------------------------------------------------------------------ */span.badge {
                                                                                  background-color: #f7941e;
                                                                                  font-size: 11px;
                                                                                  letter-spacing: normal;
                                                                                  font-weight: normal;
                                                                                  color: #FFFFFF;
                                                                                  -moz-border-radius: 5px 0px 5px 0px;
                                                                                  -webkit-border-radius: 5px 0px 5px 0px;
                                                                                  -ms-border-radius: 5px 0px 5px 0px;
                                                                                  border-radius: 5px 0px 5px 0px;
                                                                                  padding: 1px 6px;
                                                                                  margin-left: 6px;
                                                                                  white-space: nowrap;
                                                                              }
span.badge.dark-orange {
    background-color: #F36F21;
}
span.badge.yellow {
    background-color: #FFCB08;
    padding-right: 4px;
}
span.badge.light-orange {
    background-color: #f7941e;
}
/*Challenge Overview ------------------------------------------------------------------ */#challenge-overview {
                                                                                              float: left;
                                                                                              width: 100%;
                                                                                              padding: 46px 0;
                                                                                              padding-bottom: 20px;
                                                                                              border-bottom: 1px solid #cdcdcd;
                                                                                          }
#challenge-overview #colA {
    width: 26%;
    padding-right: 25px;
}
#challenge-overview #colB {
    width: 47%;
    float: left;
}
#challenge-overview #colB a img {
    width: 100%;
}
#challenge-overview #colC {
    width: 22%;
    float: right;
}
#challenge-overview #colC ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#challenge-overview #colC li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 2px;
}
#challenge-overview .btnStyle {
    margin: 15px 10px 5px 0;
}
#challengeInfo {
    margin: 0 0 60px;
}
#challenge-activity #tweets,
#challenge-activity #ideas,
#challenge-activity #projects {
    position: relative;
    width: 31.3%;
    float: left;
    margin-left: 3%;
    z-index: 4;
}
#challenge-activity #ideas {
    z-index: 5;
}
#challenge-activity #tweets {
    margin-left: 0;
}
#challenge-activity,
challenge-comments {
    position: relative;
    float: left;
    width: 100%;
}
#challenge-details {
    float: left;
    width: 100%;
}
#tweets ul {
    list-style: none;
    padding: 0px;
}
#tweets .twitterAvatar {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 4px 10px 10px 0px;
    width: 30px;
    height: 30px;
    float: left;
}
#tweets ul li {
    margin-bottom: 16px;
    padding-bottom: 7px;
    border-bottom: 1px solid #cdcdcd;
}
#tweets {
    font-size: 14px;
}
#tweets .tweetMeta {
    font-size: 12px;
    margin-top: 7px;
}
/*Project Overview ------------------------------------------------------------------ */input.error,
                                                                                        textarea.error {
                                                                                            background-color: #F0DDDD;
                                                                                        }
.req:after {
    content: '*';
    color: red;
}
#project-overview {
    overflow: hidden;
    padding-top: 46px;
    padding-bottom: 20px;
    margin-bottom: 5px;
}
#project-overview #colA {
    width: 26%;
    padding-right: 25px;
}
#project-overview #colA .btnStyle {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#project-overview #colA h2 {
    margin-top: -3px;
}
#project-overview #colC p:first-child {
    margin-top: 0px;
}
#project-overview #colC p {
    text-align: right;
}
#project-overview #colB {
    width: 47%;
    float: left;
    padding-top: 5px;
    font-size: 15px;
}
#project-overview #colB .progressBar {
    position: relative;
    bottom: 0px;
    margin-right: 10px;
    float: right;
    margin-top: 8px;
    width: 300px;
}
#project-overview #colB .videoWrap {
    margin-bottom: 20px;
}
#project-overview #colB a img {
    width: 100%;
}
#project-overview #colC {
    width: 22%;
    float: right;
}
#project-overview #colC ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#project-overview #colC li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 2px;
}
#project-overview #colC ul img {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    width: 50px;
    height: 50px;
}
#project-details {
    float: left;
    width: 75%;
    margin-bottom: 15px;
}
#project-rankings ul {
    float: left;
    margin-bottom: 20px;
    padding: 0;
    width: 70%;
}
#project-rankings li {
    float: left;
    width: 50%;
}
#project-rankings span {
    padding: 2px;
}
#project-rankings .smallTag {
    font-size: 11px;
}
#project-rankings .mediumTag {
    font-size: 16px;
}
#project-rankings .largeTag {
    font-size: 24px;
}
#project-rankings input[type="submit"].btnStyle {
    clear: both;
    margin-bottom: 10px;
}
#project-rankings input[type="checkbox"] {
    display: none;
}
#project-rankings input[type="checkbox"] + label span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    background: url(img/checkSprite.png.html) left top no-repeat;
    cursor: pointer;
}
#project-rankings input[type="checkbox"]:checked + label span {
    background: url(img/checkSprite.png.html) -19px top no-repeat;
}
#project-rankings input[type="checkbox"]:disabled + label span {
    background: url(img/checkSprite.png.html) -38px top no-repeat;
}
#project-rankings label {
    float: none;
}
#project-rankings input[type="checkbox"] + label.real span {
    margin-right: 14px;
}
#sidebar {
    border-top: 1px solid #CDCDCD;
    margin-top: 55px;
    padding-top: 15px;
    text-align: right;
    width: 22%;
    float: right;
}
#sidebar h3 {
    text-align: left;
}
#sidebar .addthis_toolbox {
    float: left;
    position: relative;
    margin: 0px 0px 0px 57px;
}
#sidebar .topMembers img.profilePic {
    float: left;
    margin: 0px 7px 9px 0px;
    width: 36px;
    height: 36px;
}
#project-comments.comments-widget form {
    margin-top: 15px;
    padding-bottom: 10px;
}
#project-comments.comments-widget {
    width: 100%;
    float: left;
}
#projectVideo_wrapper {
    width: 100% !important;
}
span.success,
span.error {
    display: block;
    font-size: 12px;
    clear: both;
    margin-left: 160px;
    padding-top: 10px;
}
.ar span.success,
.ar span.error {
    text-align: right;
    margin-right: 160px;
}
.ar .selectWrap span.success,
.ar .selectWrap span.error,
.selectWrap span.error,
.selectWrap span.success {
    margin: 0;
}
.selectWrap {
    float: left;
}
span.error {
    color: #ff0000;
}
/*AddThis ------------------------------------------------------------------ */#idea-social .addthis_button_tweet {
                                                                                   display: block;
                                                                                   margin-bottom: 13px;
                                                                               }
#idea-social .addthis_button_facebook_like {
    display: block;
    margin-left: 6px;
    margin-bottom: 10px;
}
#idea-social .addthis_counter,
#sidebar .addthis_toolbox .addthis_counter {
    margin-left: 2px;
}
#idea-social .heartIcon.vertical,
#sidebar .addthis_toolbox .heartIcon.vertical {
    margin-bottom: 13px;
}
#idea-social .twitter-share-button,
#sidebar .addthis_toolbox .twitter-share-button {
    margin-bottom: 9px;
}
#idea-social .fb-like,
#sidebar .addthis_toolbox .fb-like {
    margin-bottom: 5px;
}
.fb_iframe_widget_lift {
    left: -395px !important;
}
/*Idea Overview ------------------------------------------------------------------ */#idea-overview {
                                                                                         overflow: hidden;
                                                                                         padding-top: 46px;
                                                                                         padding-bottom: 20px;
                                                                                         margin-bottom: 46px;
                                                                                     }
#idea-overview #colA {
    width: 17%;
    border-right: 1px solid #f47931;
    margin-right: 26px;
    height: 150px;
}
#idea-overview #colA img {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
}
body.ar #idea-overview #colA {
    width: 17%;
    float: right;
    text-align: right;
    border-left: 1px solid #f47931;
    border-right: none;
    height: 150px;
}
#idea-overview #colB {
    width: 45%;
    float: left;
}
body.ar #idea-overview #colB {
    width: 45%;
    float: right;
    margin-right: 40px;
}
#idea-overview #colC {
    width: 24%;
    float: right;
    text-align: right;
    border-left: 1px solid #f47931;
    height: 150px;
}
body.ar #idea-overview #colC {
    width: 24%;
    border-right: 1px solid #f47931;
    margin-left: 26px;
    float: left;
    height: 150px;
    border-left: none;
}
#idea-overview h3 {
    margin-bottom: 0px;
}
#idea-overview h4 {
    margin-top: 0px;
}
body.ar #idea-overview h4 {
    direction: ltr;
}
#the-idea-callout {
    padding: 10px;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin-bottom: 10px;
}
#idea-overview .tamButton {
    margin-left: 0px;
}
.comments-widget form {
    border-bottom: 1px dashed #cdcdcd;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 10px;
}
.comments-widget form img {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    width: 36px;
    height: 36px;
    margin-top: 1px;
}
.comments-widget form input.btnStyle {
    margin-top: 10px;
}
.comments-widget textarea {
    width: 100%;
    height: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.comments-widget .commentButtons {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.commentBody {
    border: 1px solid #cdcdcd;
    padding: 10px;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    overflow: hidden;
}
.reply .commentBody {
    margin-left: 30px;
}
.commentBody p {
    font-size: 14px;
    margin: 0px;
}
.commentMeta {
    font-size: 14px;
    text-align: right;
    margin-top: 6px;
    margin-bottom: 15px;
}
.commentBody img {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    float: left;
    margin-right: 10px;
}
#idea-details {
    float: left;
    width: 80%;
}
#idea-social {
    border-top: 1px solid #CDCDCD;
    margin-top: 55px;
    padding-top: 15px;
    text-align: right;
    width: 19%;
    float: right;
}
#idea-social .addthis_toolbox {
    position: relative;
    margin: 0px auto;
}
.reportFlag {
    position: relative;
    margin: 0px auto;
    width: 100px;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
}
/*New Idea/Project/Challnge Forms ------------------------------------------------------------------ */.tamObjectForm input[type='text'],
                                                                                                       .tamObjectForm input[type='url'] {
                                                                                                           width: 450px;
                                                                                                       }
.tamObjectForm textarea {
    width: 450px;
}
.tamObjectForm #description {
    width: 450px;
}
.tamObjectForm small {
    width: 500px;
    display: block;
    font-size: 12px;
    margin-top: 9px;
    margin-left: 160px;
}
.tamObjectForm div label {
    width: 145px;
}
.formCheckboxHolder {
    float: left;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    padding: 10px;
    width: 221px;
    margin-right: 13px;
    font-size: 14px;
}
.tamObjectForm .formCheckboxHolder label {
    margin: 0px;
    width: 200px;
}
.tamObjectForm .formCheckboxHolder small {
    margin-left: 0;
}
.tamObjectForm .formCheckboxHolder #new_avatar {
    margin-top: 7px;
}
.tamObjectForm .formCheckboxHolder.chooseAvatar label {
    width: auto;
    margin-top: 15px;
}
.tamObjectForm .formCheckboxHolder.chooseAvatar img {
    float: right;
}
.tamObjectForm .formCheckboxHolder.chooseAvatar input[type="radio"] {
    margin-top: 18px;
}
#formButtonBar {
    text-align: right;
}
.challengeThemesLabel {
    height: 176px;
}
.ideaThemeLabel {
    height: 150px;
}
.tamObjectForm div input[type='radio'] {
    float: left;
    margin: 4px 7px 0 1px;
}
#newChallengeThemesLabel {
    height: 180px;
}
#frmNewProject .profilePic {
    width: 48px;
    height: 48px;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
}
.tamObjectForm label.uploadVideo {
    margin-top: 2px;
}
.tamObjectForm .embedYoutube {
    float: left;
    margin: -8px 0 0 0px;
}
.tamObjectForm .embedYoutube input[type="text"] {
    margin-top: -6px;
}
.tamObjectForm .smaller {
    font-size: 13px;
    display: block;
    margin: 8px 0 0 160px;
}
.tamObjectForm #add-member {
    display: block;
    margin-top: 40px;
    clear: both;
}
.tamObjectForm .member {
    float: left;
    border: 1px solid #CDCDCD;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    padding: 10px;
    width: 274px;
    margin-right: 13px;
    font-size: 14px;
}
.tamObjectForm .member select {
    width: 140px;
}
.tamObjectForm .member label {
    width: 82px;
}
.tamObjectForm .member .selectALevel,
.tamObjectForm .member .thisIsALevel {
    padding: 0;
    border-top: 1px solid #e7e7e7;
    margin: 10px 0px 0px 0px;
    padding: 10px 0 0 0;
}
.tamObjectForm .member .thisIsALevel {
    float: left;
    width: 100%;
}
.tamObjectForm .member .thisIsALevel .righty {
    float: right;
}
.tamObjectForm .member .thisIsALevel .righty input {
    float: left;
    margin: 13px 5px 0 0;
}
.tamObjectForm .member .thisIsALevel .righty label {
    margin-right: 0;
    width: 52px;
}
.tamObjectForm .member .selectALevel label {
    display: none;
}
.tamObjectForm .member img {
    margin-right: 10px;
}
.videoSpacer {
    height: 120px;
}
.pushItDown {
    margin-top: 10px;
}
.full {
    padding-top: 20px;
}
.tamObjectForm input[type="file"] {
    border: 1px solid #cdcdcd;
    padding: 10px;
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    -ms-border-radius: 10px 0;
    border-radius: 10px 0;
}
.tamObjectForm .formCheckboxHolder input[type="file"] {
    padding: 0;
    border: none;
}
/*Top Ideas ------------------------------------------------------------------ */.topIdeas {
                                                                                     padding: 0px;
                                                                                     list-style: none;
                                                                                 }
.topIdeas li {
    width: 95%;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 21px;
    position: relative;
    border-bottom: 1px solid #cdcdcd;
    text-align: left;
}
body.ar .topIdeas li {
    float: right;
}
.topIdeas li a {
    color: #757575;
}
.topIdeas li a:hover {
    color: #f47931;
}
.topIdeas img.profilePic {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    float: left;
    margin: 4px 10px 10px 0px;
}
.topIdeas .social_media_box {
    text-align: right;
}
.topIdeas .social_media_box .social_holder {
    background-color: white;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 60px;
}
.social_holder.mini .heartIconMini,
.socialMiniIcon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 4px;
}
.social_holder.mini .heartIconMini {
    width: 11px;
    height: 11px;
    background: url(img/socialIconsSmall.gif.html) top left no-repeat;
    cursor: pointer;
}
.social_holder.mini .heartIconMini:hover,
.social_holder.mini .heartIconMini.liked {
    background-position: 0px -14px;
}
.social_holder.mini .heartIconMini.liked:hover {
    background-position: top left;
}
.social_holder.mini .twitterIconMini {
    width: 13px;
    height: 12px;
    background: url(../../themes/TaM/img/socialIconsSmall.gif.html) -14px 0px no-repeat;
}
.social_holder.mini .twitterIconMini:hover {
    background-position: -14px -14px;
}
.social_holder.mini .facebookIconMini {
    width: 8px;
    height: 11px;
    background: url(../../themes/TaM/img/socialIconsSmall.gif.html) -29px 0px no-repeat;
}
.social_holder.mini .facebookIconMini:hover {
    background-position: -29px -14px;
}
.social_holder.ideas .twitterIcon,
#linked_accounts .twitter {
    background: url(../../themes/TaM/img/twitterIcon.gif.html) 0px 0px no-repeat;
}
.social_holder.ideas .facebookIcon,
#linked_accounts .facebook {
    background: url(../../themes/TaM/img/facebookIcon.gif.html) 0px 0px no-repeat;
}
.social_holder.ideas .twitterIcon:hover,
#linked_accounts .twitter {
    background-position: 0px -20px;
}
.social_holder.ideas .facebookIcon:hover,
#linked_accounts .facebook {
    background-position: 0px -20px;
}
#linked_accounts .linkedin {
    background: url(../../themes/TaM/img/linkedInIcon.png.html) 0px 0px no-repeat;
}
.social_holder.ideas .socialIcon {
    width: 23px;
    height: 20px;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.social_holder.ideas {
    position: absolute;
    background-color: #FFF;
    right: 0px;
    bottom: -10px;
}
.topIdeasNav {
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
}
.topIdeasNav a {
    color: #757575;
}
.topIdeasNav a:hover {
    color: #f47931;
}
/*Top Users ------------------------------------------------------------------ */.topMembers {
                                                                                     padding: 0px;
                                                                                     list-style: none;
                                                                                 }
.topMembers li {
    float: left;
}
body.ar .topMembers li {
    float: right;
}
.topMembers img.profilePic {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 0px 18px 18px 0px;
}
/*body.ar .topMembers img.profilePic {
	margin: 18px 0px 0px 18px;
}*/
/*Dashboard ------------------------------------------ */
.notificationList {
    padding: 0px;
}
.notificationList img.profilePic {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin-right: 7px;
    float: left;
}
.notificationList .btnStyle {
    padding: 3px 11px;
    font-size: 13px;
    margin-left: 4px;
    cursor: pointer;
}
.connectionList {
    padding: 0px;
}
.connectionList img.profilePic {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin-right: 5px;
}
.connectionList li {
    margin-bottom: 10px;
}
.connectionList .btnStyle {
    float: right;
    margin-right: 10px;
}
/* =============================================================================
   Templates
   ========================================================================== */#colA,
                                                                                #colC {
                                                                                    float: left;
                                                                                }
#colB,
#colD {
    float: right;
}
/*Four Column----------------------------------------------------------------- */.four-column #colA {
                                                                                     width: 100%;
                                                                                     position: relative;
                                                                                 }
.four-column #colB,
.four-column #colD {
    width: 29.68%;
    padding: 15px;
}
.four-column #colB {
    float: left;
}
.four-column #colC {
    width: 30.52%;
    margin-left: 16px;
}
/*Two Column------------------------------------------------------------------ */.two-column #colA {
                                                                                     padding: 15px;
                                                                                     width: 62.08%;
                                                                                 }
.two-column #colB {
    width: 27.52%;
    margin: 20px 20px 0 0;
}
/*One Column------------------------------------------------------------------ */.one-column #colA {
                                                                                     width: 910px;
                                                                                     padding: 20px;
                                                                                 }
.one-column .main,
.one-column .main .content,
.two-column .main,
.two-column .content {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
}
.one-column .main .content,
.two-column .main .content {
    width: 950px;
}
/*Btn Style------------------------------------------------------------------- */a.btnStyle,
                                                                                 input.btnStyle {
                                                                                     text-align: center;
                                                                                     color: #757575;
                                                                                     background: #FFF;
                                                                                     border: 1px solid #f47931;
                                                                                     -moz-border-radius: 10px 0 10px 0;
                                                                                     -webkit-border-radius: 10px 0 10px 0;
                                                                                     -ms-border-radius: 10px 0 10px 0;
                                                                                     border-radius: 10px 0 10px 0;
                                                                                     font-size: 16px;
                                                                                     font-weight: bold;
                                                                                     padding: 8px 16px;
                                                                                     display: inline-block;
                                                                                     *display: inline;
                                                                                     *zoom: 1;
                                                                                     font-weight: 300;
                                                                                 }
a:hover.btnStyle,
input:hover.btnStyle {
    color: #f47931;
}
/*Pagination----------------------------------------------------------------- */.pageList {
                                                                                    list-style: none;
                                                                                    margin: 10px 1px 0;
                                                                                    padding: 0;
                                                                                    float: right;
                                                                                }
.pageList li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    background: #e0e0e0;
    margin: 0 0 0 3px;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    -moz-border-radius: 7px 0 7px 0;
    -webkit-border-radius: 7px 0 7px 0;
    -ms-border-radius: 7px 0 7px 0;
    border-radius: 7px 0 7px 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pageList li:hover,
.pageList li.active {
    background: #f47931;
}
.pagination {
    float: right;
    margin: 20px 0 0;
}
.pagination .next,
.pagination .prev {
    display: none;
}
.pagination a,
.pagination span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    background: #e0e0e0;
    margin: 0 0 0 3px;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    -moz-border-radius: 7px 0 7px 0;
    -webkit-border-radius: 7px 0 7px 0;
    -ms-border-radius: 7px 0 7px 0;
    border-radius: 7px 0 7px 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pagination span.current,
.pagination a:hover {
    background: #f47931;
}
/*Tabs------------------------------------------------------------------------ */
.tabs {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    border-bottom: 1px solid #CDCDCD;
    width: 100%;
}
.tabs li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.tabs a {
    display: block;
    background: #FFF;
    border: 1px solid #CDCDCD;
    border-bottom: 0;
    padding: 6px 12px;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.tabs a:hover,
.tabs .selected a {
    background: #CDCDCD;
    color: #FFF;
}
/*Search Results-------------------------------------------------------------- */
#searchResults .searchResultItem {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 0 0 20px;
    border-bottom: 1px solid #cdcdcd;
}
#searchResults .searchResultItem h3 {
    margin: 0 0 5px;
}
#searchResults .searchResultItem p {
    margin: 0 0 5px;
}
#searchResults .searchResultInfo {
    color: #cccccc;
    font-size: 14px;
}
/*Colour Indicators----------------------------------------------------------- */.indicator {
                                                                                     position: absolute;
                                                                                     top: 0;
                                                                                     right: 0;
                                                                                     z-index: 98;
                                                                                 }
.projectList .indicator,
.challengeList .indicator {
    right: -2px;
}
/*Ideas List------------------------------------------------------------------ */.ideasList {
                                                                                     list-style: none;
                                                                                     margin: 10px 0 0 0;
                                                                                     padding: 0;
                                                                                     font-size: initial;
                                                                                 }
.ideasList li {
    display: block;
    width: 100%;
    margin: 30px 0 20px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 20px;
    position: relative;
    text-align: left;
}
.ideasList li a {
    color: #757575;
    font-size: 16px;
}
.ideasList li a:hover {
    color: #f47931;
}
.ideasList img.profilePic {
    width: 48px;
    float: left;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 0 20px 0 0;
}
.ideasList h3 {
    color: #757575;
    margin: 0 0 3px 0;
    font-size: 14px;
}
.ideasList h3 a {
    font-size: 14px;
    padding-left: 5px;
}
.ideasList .addthis_toolbox {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: auto;
    background: #FFF;
}
.ideasList .addthis_toolbox .likeTaM,
.ideasList .addthis_toolbox .addthis_button_tweet,
.ideasList .addthis_toolbox .addthis_button_facebook_like {
    float: left;
    margin: 0 0 0 10px;
}
.ideasList .addthis_toolbox .addthis_button_tweet iframe,
.ideasList .addthis_toolbox .addthis_button_facebook_like iframe {
    width: 80px !important;
}
.ideasList .addthis_toolbox .likeTaM {
    margin-top: -3px;
}
.ideasList .newProject {
    border: 2px solid #cdcdcd;
    padding: 3px 6px 8px 6px;
    width: 17px;
    line-height: 17px;
    font-size: 23px;
    text-align: center;
    position: absolute;
    right: -45px;
    top: 16px;
    opacity: 0;
    background-color: rgba(256, 256, 256, 0.7);
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
#challenge-activity .ideasList .newProject {
    right: -16px;
    top: 19px;
}
.ideasList li:hover .newProject {
    opacity: 1;
}
.ideasList .newProject li a {
    -moz-transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
#challenge-activity .ideasList li {
    margin-top: 15px;
}
#challenge-activity .ideasList h3 {
    font-size: 14px;
}
#challenge-activity .ideasList img.profilePic {
    width: 32px;
    height: 32px;
    margin: 4px 10px 0 0;
}
/*Dashboard -------------------------------------------------- */
#dashboardStream {
    list-style: none;
    padding: 0px;
}
#dashboardStream li {
    padding: 15px 0;
    border-bottom: 1px solid #cdcdcd;
    overflow: hidden;
    font-size: 14px;
    min-height: 35px;
}
#dashboardStream li div {
    padding-bottom: 15px;
}
#dashboardStream li div.dashAlt {
    padding-bottom: 0;
}
#dashboardStream li small {
    font-size: 14px;
    color: #AAAAAA;
}
#dashboardStream li img {
    padding: 10px 0;
}
#dashboardStream li .dashAlt {
    margin: 0 auto;
    padding: 5px 2% 0 2%;
    height: 40px;
    width: 86%;
}
#dashboardStream li .dashAlt:first-child {
    margin-top: 10px;
}
#dashboardStream li .dashAlt:nth-child(odd) {
    background-color: #f5f5f5;
}
#dashboardStream li .dashAlt a:first-child {
    font-size: 16px;
    margin-bottom: 4px;
}
/*#dashboardStream li div a, #dashboardStream li div a:link {
	color: @darkGrey;
}*/
#dashboardStream img.profilePic {
    float: right;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    padding: 0;
    width: 35px;
    height: 35px;
}
/*Profile-------------------------------------------------------- */
#profile-overview {
    float: left;
    width: 100%;
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 50px;
}
body.ar #profile-overview {
    float: right;
}
#profile-overview #colA {
    width: 53%;
    float: left;
}
body.ar #profile-overview #colA {
    float: right;
}
#profile-overview #colA img {
    width: 90px;
    height: 90px;
    float: left;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 0 15px 14px 0;
}
body.ar #profile-overview #colA img {
    float: right;
    margin: 0 0 14px 15px;
}
#profile-overview #colA h3 {
    margin: 6px 0 0 0px;
    font-size: 20px;
    float: left;
    clear: both;
}
body.ar #profile-overview #colA h3 {
    float: right;
}
#profile-overview .toggleable {
    margin-bottom: 10px;
}
#profile-overview #colA span {
    float: left;
    margin-top: 12px;
}
body.ar #profile-overview #colA span {
    float: right;
    margin-right: 10px;
}
#profile-overview #colA h4 {
    margin: 6px 0 0;
    font-size: 15px;
    float: left;
    margin-left: 15px;
    line-height: 30px;
}
body.ar #profile-overview #colA h4 {
    float: right;
    margin-right: 15px;
    direction: ltr;
}
#profile-overview #colA ul {
    list-style: none;
    padding-left: 20px;
    margin: 0px;
}
body.ar #profile-overview #colA ul {
    padding-right: 20px;
}
#profile-overview #colA ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border: 1px solid #cdcdcd;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    padding: 10px;
    width: 70px;
    text-align: center;
}
#profile-overview #colB {
    width: 22%;
    float: left;
    height: 140px;
    border-left: 1px solid #f47931;
    border-right: 1px solid #f47931;
    padding-left: 20px;
}
body.ar #profile-overview #colB {
    width: 20%;
    float: right;
    padding-left: none;
    padding-right: 20px;
}
#profile-overview #colB h4 {
    margin-top: 0px;
}
#profile-overview #colB ul {
    padding: 0px;
    list-style: none;
}
#profile-overview #colB ul li {
    float: left;
}
body.ar #profile-overview #colB ul li {
    float: right;
}
#profile-overview #colB small {
    float: left;
    clear: both;
    margin-top: 10px;
}
#profile-overview #colB ul li img.profilePic {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 0px 8px 8px 0px;
}
body.ar #profile-overview #colB ul li img.profilePic {
    margin: 0px 0px 8px 8px;
}
#profile-overview #colC {
    width: 21%;
    float: right;
}
body.ar #profile-overview #colC {
    float: left;
}
#profile-overview #colC div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 192px;
    height: 157px;
}
#profile-details {
    float: left;
    margin-top: 20px;
    border-top: 1px solid #cdcdcd;
    padding-top: 20px;
}
body.ar #profile-details {
    float: right;
}
#profile-details.org {
    margin-top: 0;
    border: none;
    padding: 0;
}
#profile-details h2 {
    font-size: 18px;
    margin: 0px 0px 10px 0px;
}
#profile-details h2.nopadd {
    margin-top: 60px;
}
#profile-details .colA,
#profile-details .colB {
    float: left;
    width: 300px;
    border-right: 1px solid #f47931;
    margin-right: 18px;
    padding-right: 10px;
}
#profile-details .colB {
    float: left;
    width: 300px;
    border-right: 1px solid #f47931;
    margin-right: 18px;
    padding-right: 10px;
}
body.ar #profile-details .colA {
    float: right;
    border-left: 1px solid #f47931;
    border-right: none;
    margin-left: 18px;
    margin-right: 0;
    padding-left: 0;
}
body.ar #profile-details .colB {
    float: right;
    border-left: 1px solid #f47931;
    border-right: none;
    margin-left: 18px;
    margin-right: 0;
    padding-left: 0;
}
#profile-details .colC {
    float: right;
    width: 300px;
}
body.ar #profile-details .colC {
    float: left;
    width: 290px;
    padding-right: 10px;
}
#profile-details .splitCols .splitColA {
    width: 45%;
    padding-right: 23px;
}
#profile-details .splitCols .splitColB {
    width: 50%;
}
#profile-details .ideasList img.profilePic {
    margin: 0px 10px 0px 0px;
}
body.ar #profile-details .ideasList img.profilePic {
    margin: 0px 0px 0px 10px;
}
#profile-details .ideasList h3 {
    font-size: 15px;
}
#profile-details .challengeList,
#profile-details .projectList {
    margin: 0 0 0 -15px;
}
body.ar #profile-details .challengeList,
#profile-details .projectList {
    margin: 0 -15px 0 0;
}
#profile-details .challengeList li,
#profile-details .projectList li {
    width: 288px;
    margin: 10px 0 10px 17px;
}
body.ar #profile-details .challengeList li,
#profile-details .projectList li {
    margin: 10px 17px 10px 0;
}
#profile-details .challengeList .video,
#profile-details .projectList .video {
    width: 288px;
    height: 213px;
}
#profile-details .challengeList .overlay,
#profile-details .projectList .overlay {
    width: 268px;
    height: 193px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow-y: hidden;
}
#profile-details .challengeList h3,
#profile-details .projectList h3 {
    width: 115px;
    font-size: 14px;
    display: none;
}
#profile-details .challengeList img.profilePic,
#profile-details .projectList img.profilePic {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 10px 0 0;
    display: none;
}
#friends {
    width: 70%;
    margin: 0 auto;
}
#friends ul {
    padding: 0;
}
#friends img {
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 0 10px 0 0;
}
#friends .btnStyle {
    float: right;
    margin: 4px 0 0 10px;
}
#friends li {
    float: left;
    width: 97%;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
}
#friends li.line {
    background: #f5f5f5;
}
#friends li:first-child {
    border-top: 1px solid #cdcdcd;
}
#friends a.dm.new,
#messagesDash a.dm {
    float: right;
    margin-top: -42px;
}
#friends a.dm {
    float: right;
    margin-top: 5px;
}
#messagesDash a.dm {
    margin-top: -46px;
}
/**********************************************
* Profile View All Template
**********************************************/
#myViewAlls h2 {
    padding: 0 2%;
}
#myViewAlls h3 {
    margin-top: 0;
    font-size: 14px;
}
#myViewAlls a {
    font-size: 16px;
}
#myViewAlls p a {
    font-size: 14px;
}
#myViewAlls ul {
    margin: 0;
    padding: 0;
}
#myViewAlls li {
    padding: 20px 2%;
    border-top: 1px solid #cdcdcd;
}
#myViewAlls img.profilePic {
    float: left;
    margin-right: 20px;
    width: 90px;
    height: 90px;
}
#myViewAlls li.zebra {
    background: #f5f5f5;
}
#myViewAlls li p {
    margin: 10px 0 10px;
    font-size: 14px;
}
#myViewAlls li .btnStyle {
    margin-top: 0px;
}
#myViewAlls li .floater {
    float: left;
    width: 80%;
}
body.ar .viewall {
    float: left;
    padding-left: 20px;
}
.membersComments {
    float: left;
    width: 100%;
    margin-top: 15px;
}
#members .membersComments {
    width: 60%;
}
#project-members h3 {
    color: #757575;
    margin-top: 30px;
}
.registerForm {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    width: 500px;
    padding: 15px;
    margin: 0px auto;
    overflow: hidden;
}
.registerForm label {
    width: 154px;
    display: block;
    float: left;
    line-height: 35px;
}
.registerForm input {
    margin-bottom: 10px;
    width: 323px;
}
.registerForm input.btnStyle {
    float: right;
    clear: both;
    margin-top: 10px;
    margin-bottom: 0px;
    width: 100px;
}
.registerOr {
    width: 100px;
    margin: 15px auto;
    text-align: center;
}
.registerSocially {
    border: 1px solid #cdcdcd;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    width: 535px;
    padding: 15px;
    padding-left: 28px;
    margin: 0 auto;
}
.registerSocially div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#bd_month,
#bd_day,
#bd_year {
    width: 80px;
}
.hasSubmit {
    margin-top: 15px;
    text-align: right;
}
#project-tweets li {
    border: 1px solid #CDCDCD;
    padding: 10px;
    margin-bottom: 10px;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
}
#project-tweets li img {
    float: left;
    padding: 0 10px 10px 0;
}
#project-tweets li .tweetMeta {
    margin-top: 20px;
    font-style: italic;
    font-size: 14px;
}
/*Challenges & Project Lists-------------------------------------------------------- */
.splitColB h2 a {
    color: #757575;
}
.challengeList,
.projectList {
    list-style: none;
    margin: 0 0 0 -60px;
    padding: 0;
    font-size: 14px;
    float: left;
    width: 110%;
}
.challengeList li,
.projectList li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: left;
    width: 270px;
    margin: 10px 0 10px 60px;
    position: relative;
}
body.ar .challengeList li,
body.ar .projectList li {
    margin: 10px 0px 10px 65px;
    float: right;
}
.challengeList .video,
.projectList .video {
    width: 270px;
    height: 202px;
    border: 1px solid #999999;
}
.challengeList .overlay,
.projectList .overlay {
    opacity: 0;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 250px;
    height: 182px;
    padding: 10px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.8);
    -moz-transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}
.challengeList .overlay .playMe img,
.projectList .overlay .playMe img {
    margin-top: -2px;
}
.challengeList .overlay p a,
.projectList .overlay p a {
    color: #757575;
}
.challengeList .overlay p,
.projectList .overlay p {
    max-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.challengeList .subTitle,
.projectList .subTitle {
    width: 200px;
    float: left;
    line-height: 26px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #F47931;
}
/*body.ar .challengeList .overlay, body.ar .projectList .overlay { 
	left: -1px;
}*/
.challengeList li:hover .overlay,
.projectList li:hover .overlay {
    opacity: 1;
}
.challengeList h3,
.projectList h3 {
    color: #757575;
    margin: -3px 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #757575;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 175px;
}
.challengeList h3 + a,
.projectList h3 + a {
    color: #757575;
}
.challengeList h3 + a:hover,
.projectList h3 + a:hover {
    color: #f47931;
}
.challengeList img.profilePic,
.projectList img.profilePic {
    width: 48px;
    float: left;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    margin: 0 15px 0 0;
}
.challengeList .share,
.projectList .share {
    float: right;
    margin: 5px 0;
}
.progressBar {
    position: absolute;
    bottom: 40px;
    left: 10px;
    right: 10px;
    height: 8px;
    background: #FFF;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}
.progressBar div {
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    background: url(img/progressColours.png.html) no-repeat left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    background-size: cover;
}
.splitColA .progressBar div {
    background: url(img/progressColours.png.html) no-repeat -32px;
}
.challengeList .heartIcon.mini,
.projectList .heartIcon.mini {
    width: 19px;
    height: 16px;
}
.challengeList .heartIcon.mini.liked a,
.projectList .heartIcon.mini.liked a {
    background-position: 0 -18px;
}
.challengeList .heartIcon.mini a,
.projectList .heartIcon.mini a {
    background-size: 19px;
    width: 19px;
    height: 16px;
}
.challengeList .heartIcon.mini a:hover,
.projectList .heartIcon.mini a:hover {
    background-position: 0 -18px;
}
.challengeList .social_holder.mini .twitterIconMini,
.projectList .social_holder.mini .twitterIconMini {
    width: 19px;
    height: 16px;
    background: url(../../themes/TaM/img/socialIconsMedium.gif.html) 0 -1px no-repeat;
}
.challengeList .social_holder.mini .twitterIconMini:hover,
.projectList .social_holder.mini .twitterIconMini:hover {
    background-position: 0px -18px;
}
.challengeList .social_holder.mini .facebookIconMini,
.projectList .social_holder.mini .facebookIconMini {
    width: 11px;
    height: 16px;
    background: url(../../themes/TaM/img/socialIconsMedium.gif.html) -20px -1px no-repeat;
}
.challengeList .social_holder.mini .facebookIconMini:hover,
.projectList .social_holder.mini .facebookIconMini:hover {
    background-position: -20px -18px;
}
.content > section.splitCols:first-child + section {
    border-top: 1px solid #cdcdcd !important;
}
#challenge-overview .addthis_toolbox iframe {
    margin-left: 5px;
}
#challenge-overview .addthis_toolbox .fb-like {
    margin: 0 0 0 -4px;
}
#challenge-overview .addthis_toolbox .fb-like iframe {
    margin-top: -3px;
}
/* Related Challenges & Related Project Lists-------------------------------------- */
#idea-details .projectList,
#idea-details .challengeList {
    margin: 0 0 0 -30px;
    width: 104%;
}
#idea-details .projectList li,
#idea-details .challengeList li {
    margin: 10px 0 10px 30px;
    width: 236px;
}
#idea-details .projectList li .video,
#idea-details .challengeList li .video {
    width: 236px;
    height: 177px;
}
#idea-details .projectList .overlay,
#idea-details .challengeList .overlay {
    width: 216px;
    height: 157px;
    overflow: hidden;
}
#idea-details .projectList .overlay p,
#idea-details .challengeList .overlay p {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#idea-details .projectList h3,
#idea-details .challengeList h3 {
    width: 150px;
}
#idea-details .projectList .subTitle,
#idea-details .challengeList .subTitle {
    width: 165px;
}
.twitter-follow-button {
    margin-top: 10px;
}
/* Members Area ----------------------------------------------------------------- */
#project-members #colB {
    padding-left: 20px;
    border-left: 1px solid #f47931;
}
#project-members #colB h3 {
    border-top: 1px solid #cdcdcd;
    margin-top: 20px;
    padding-top: 10px;
}
/* Project Needs----------------------------------------------------------------- */
#project-needs ul {
    padding: 0;
    margin: 0;
}
#project-needs li {
    padding: 4px 10px 6px;
    border-bottom: 1px solid #cdcdcd;
}
/* Direct Messages---------------------------------------------------------------- */
/* Inbox----*/
#messageForm {
    width: 80%;
    margin: 0 auto;
}
#messages,
#messagesDash {
    width: 60%;
    margin: 0 auto;
}
#messagesDash ul,
#messages ul {
    margin: 0;
    padding: 0;
}
#messagesDash li {
    padding: 20px 20px 20px 10px;
    border-bottom: 1px solid #cdcdcd;
    border-left: 10px solid #f47931;
    border-right: 1px solid #cdcdcd;
}
#messagesDash .profilePic,
#messages .profilePic {
    float: left;
    margin: 6px 20px 10px 0;
}
#messagesDash li:first-child {
    border-top: 1px solid #cdcdcd;
}
#messagesDash li.read {
    padding: 20px;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    background: #f5f5f5;
}
#messagesDash li .the-message,
#messages .the-message {
    display: block;
    padding-top: 10px;
}
#messagesDash li .the-message a {
    color: #757575;
}
#messagesDash li .subject .messages-content,
#messages li .messages-content {
    padding-left: 68px;
}
#messagesDash li .subject .messages-details,
#messages .messages-details {
    display: block;
    font-size: 13px;
    padding-top: 10px;
    color: #9E9E9E;
}
/* Message Thread ---*/
#messages li {
    min-height: 48px;
    padding-bottom: 30px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 24px;
}
#messages .smaller,
#messagesDash .smaller {
    font-size: 14px;
    color: #9E9E9E;
}
#messages textarea {
    width: 97%;
}
#messages label {
    display: block;
    padding-bottom: 10px;
}
.profilePic {
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    -ms-border-radius: 10px 0;
    border-radius: 10px 0;
}
span.OP,
span.RP {
    cursor: pointer;
}
span.OP:hover,
span.RP:hover {
    color: #f47931;
}
#dmDelete {
    background: #fffbf7;
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    -ms-border-radius: 10px 0;
    border-radius: 10px 0;
    border: 1px solid #f47931;
    padding: 10px;
    margin-bottom: 20px;
}
/* Message Form (for lightbox) ----*/
#messageForm .the-message label {
    display: block;
    margin: 10px 0;
}
#messageForm .the-message textarea,
#messageForm div.tagsinput {
    width: 96%;
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    -ms-border-radius: 10px 0;
    border-radius: 10px 0;
}
#messageForm div.tagsinput span.tag {
    border: 1px solid #f47931;
    background: #fef7f3;
    color: #e65d0c;
}
#messageForm div.tagsinput span.tag a {
    color: #f47931;
}
#messageForm label {
    margin-bottom: 10px;
}
/*404 Page------------------------------------------------------------------------ */
#goog-wm ul {
    padding: 0;
    margin: 0;
}
#goog-wm-sb {
    padding: 8px 20px;
    margin-left: 10px;
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    -ms-border-radius: 10px 0;
    border-radius: 10px 0;
    border: 1px solid #f47931;
    background: #f5f5f5;
    color: #f47931;
}
#goog-wm ul form {
    margin-top: 20px;
}
/*Arabic Alignment----------------------------------------------------------------- */
.ar .content h1,
.ar h2,
.ar .content .splitColA.sixtyFourty h2,
.ar .content .splitColB.sixtyFourty h2,
.ar fieldset h3,
.ar a#add-member {
    text-align: right;
}
.ar .home h2 {
    text-align: left;
}
.ar .connectionList img.profilePic {
    float: right;
    margin: 0 0 0 12px;
}
.ar .connectionList .btnStyle {
    float: left;
}
.ar .connectionList li {
    height: 48px;
    text-align: right;
}
.ar .connectionList li .displayName {
    padding: 10px 0;
    float: right;
}
.ar #dashboardStream img.profilePic {
    float: left;
    margin-right: 10px;
}
.ar #dashboardStream li div,
.ar #dashboardStream li .alignMeRight {
    text-align: right;
    padding-left: 60px;
}
.ar #dashboardStream li .alignMeRight {
    display: block;
}
/* Forms */
.ar select {
    direction: rtl;
}
.ar input[type="text"],
.ar input[type="email"],
.ar input[type="date"],
.ar input[type="address"],
.ar input[type="tel"],
.ar input[type="password"],
.ar input[type="url"],
.ar textarea,
.ar .selectWrap,
.ar input[type="file"],
.ar form fieldset div,
.ar .tamObjectForm .embedYoutube,
.ar .tamObjectForm div input[type="radio"],
.ar .tamObjectForm .member,
.ar .tamObjectForm .at,
.ar .new.member a,
.ar .new.member select {
    float: right;
}
.ar .formCheckboxHolder input[type="file"] {
    width: 220px;
}
.ar label {
    float: right;
    text-align: right;
}
.ar .formCheckboxHolder {
    float: right;
    margin-right: 0;
    margin-left: 13px;
}
.ar legend {
    text-align: right;
}
.tamObjectForm small {
    margin: 0 0 0 160px;
    padding-top: 10px;
    text-align: left;
    clear: both;
    width: 766px;
}
.ar .tamObjectForm small {
    margin: 0 160px 0 0;
    padding-top: 10px;
    text-align: right;
    clear: both;
    width: 766px;
}
.ar .tamObjectForm .formCheckboxHolder small,
.ar .tamObjectForm .member small {
    width: auto;
    margin: 0;
}
.ar .tamObjectForm .formCheckboxHolder.chooseAvatar label {
    margin-right: 10px;
}
.ar .tamObjectForm .themes .formCheckboxHolder label {
    float: left;
    text-align: left;
}
.ar div.loginButton {
    margin-right: 0;
    margin-left: 5px;
}
.ar .tamObjectForm .formCheckboxHolder.chooseAvatar img {
    float: left;
    -moz-border-radius: 10px 0;
    -webkit-border-radius: 10px 0;
    -ms-border-radius: 10px 0;
    border-radius: 10px 0;
}
.ar #ideaFormModal label {
    width: 83%;
}
.ar #ideaFormModal small {
    width: 100%;
}
.ar .tamObjectForm div input[type="radio"] {
    margin: 4px 0 0 8px;
}
.ar .inputWrap {
    float: right;
}
.ar .inputWrap input[type="text"] {
    float: none;
}
.ar .memberName {
    float: right;
    padding: 15px 0;
}
.ar .new.member a {
    padding: 15px 0;
}
.ar .full input[type="checkbox"] {
    float: right;
    margin-left: 15px;
}
.ar .tamObjectForm div.full label {
    float: right;
    width: 96%;
}
.ar .tamObjectForm .btnStyle {
    margin-top: 10px;
}
/* Left Hand Menu */
.ar #sbNotifyWidget .roundBottom a.addIdeaJS {
    position: absolute;
    width: 50px;
}
.ar .orFloat {
    float: right;
}
.ar #project-overview #colA {
    text-align: right;
}
.ar .inputWrap .swapMe,
.ar .swapMe {
    float: right;
    margin-left: 4px;
    line-height: 34px;
}
.ar #friends a.dm.new,
.ar #messagesDash a.dm {
    float: left;
}
.ar #friends h3 {
    text-align: right;
}
.ar #formButtonBar.hasSubmit input.btnStyle {
    float: right;
    clear: both;
}
.ar .takeMeBack {
    float: left;
    clear: both;
}
.ar #linked_accounts {
    float: right;
    clear: both;
    width: auto;
}
/* ============================================================================
   Default Login Page (Dark and Light Theme)
   ========================================================================== */
#container.login {
    max-width: 500px;
    margin-top: 0px;
    margin-bottom: 80px;
    text-align: center;
    line-height: 16px;
}
#loginBox {
    float: left;
    width: 100%;
    padding: 0;
    text-align: left;
    margin: 0px;
    margin-top: 50px;
}
#loginBox h2 {
    font-weight: bold;
    margin: 0 0 20px;
    font-size: 20px;
    padding: 10px 15px;
    line-height: 26px;
}
#loginBox div {
    padding: 10px 15px;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: none;
}
#loginBox .inputs label {
    float: left;
    clear: left;
    padding: 7px 0;
}
#loginBox .inputs input {
    float: right;
    clear: right;
    width: 66%;
}
.ar #loginBox .inputs label {
    float: right;
    clear: right;
    padding: 7px 0;
}
.ar #loginBox .inputs input {
    float: left;
    clear: left;
    width: 66%;
}
.ar .inputs {
    direction: rtl;
    text-align: right;
}
#loginBox .btnStyle {
    float: right;
    position: relative;
    top: -6px;
    margin-left: 10px;
}
#loginBox div div {
    padding: 20px 0 0 0;
    float: right;
    width: 57%;
    text-align: right;
}
#loginBox section ul {
    list-style: none;
    padding: 0px;
}
#loginBox section ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
#loginBox section ul li a {
    width: 165px;
    display: block;
    height: 30px;
    overflow: hidden;
    margin-right: 0;
}
div.loginButton {
    width: 160px;
    height: 31px;
    background: url(img/facebook_signin-big.png.html) top left no-repeat;
    padding: 0px;
    border: 0px;
    margin-right: 14px;
}
section div.loginButton {
    margin-right: 15px;
}
div.loginButton.facebook {
    background: url(img/facebook_signin-big.png.html) top left no-repeat;
}
div.loginButton.twitter {
    background: url(img/twitter_signin-big.png.html) top left no-repeat;
}
div.loginButton.linkedin {
    background: url(img/linkedin_signin-big.png.html) top left no-repeat;
}
div.loginButton:hover {
    background-position: 0px -33px;
}
div.loginButton:active {
    background-position: 0px -66px;
}
#loginBox form {
    overflow: hidden;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    border: 1px solid #cdcdcd;
    padding: 10px;
    margin-bottom: 25px;
}
#loginBox div .submitBar {
    margin: 0px;
    padding: 0px;
    height: 38px;
}
#ideaFormModal {
    padding: 20px;
}
#ideaFormModal label {
    width: 100%;
    display: block;
    height: 31px;
}
#ideaFormModal small {
    margin: 0px;
}
#ideaFormModal div {
    overflow: hidden;
}
#ideaFormModal #description {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
}
#ideaFormModal .fieldHolder {
    margin-bottom: 20px;
}
#ideaFormModal .formCheckboxHolder {
    height: 21px;
    margin-bottom: 10px;
}
/*Dark Theme----------------------------------------------------------------- */body#login.dark {
                                                                                    background: #333;
                                                                                }
body#login.dark #loginBox {
    background: #FFF;
    border: 1px solid #000;
}
body#login.dark #loginBox h2 {
    background: #EFEFEF;
    border-bottom: 1px solid #CCC;
}
/*Light Theme----------------------------------------------------------------- */body#login.light {
                                                                                     background: #EFEFEF;
                                                                                 }
body#login.light #loginBox {
    background: #FFF;
    border: 1px solid #CCC;
}
body#login.light #loginBox h2 {
    background: #333;
    border-bottom: 1px solid #000;
    color: #FFF;
}
/* Alert Boxes
--------------------------------------------------------------------------------------------*/
.alertBoxFunctionGood,
.alertBoxFunctionBad,
.alertBoxFunctionWarn,
.alertBoxFunctionEmpty {
    width: auto !important;
    padding: 10px;
    margin: 0 0 10px;
    color: #000000;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
    -ms-border-radius: 10px 0 10px 0;
    border-radius: 10px 0 10px 0;
    /*float:left;*/

    background-position-y: center;
    text-align: left;
}
.ar .alertBoxFunctionGood,
.ar .alertBoxFunctionBad,
.ar .alertBoxFunctionWarn,
.ar .alertBoxFunctionEmpty {
    text-align: right;
    direction: rtl;
}
.alertBoxFunctionGood {
    background-color: #D3FFD4;
    border: 1px solid #55FF49;
}
.alertBoxFunctionBad {
    background-color: #FFD4D4;
    border: 1px solid #FF4A4B;
}
.alertBoxFunctionWarn {
    background-color: #FFFDD5;
    border: 1px solid #FDCA52;
}
.alertBoxFunctionEmpty {
    background-color: #F5F5F5;
    border: 1px solid #E5E5E5;
    color: #666666;
}
.alertBoxFunctionGood a,
.alertBoxFunctionBad a,
.alertBoxFunctionWarn a,
.alertBoxFunctionEmpty a {
    color: #0000FF;
}
.alertBoxFunctionGood a:hover,
.alertBoxFunctionBad a:hover,
.alertBoxFunctionWarn a:hover,
.alertBoxFunctionEmpty a:hover {
    color: #0000FF;
}
.alertBoxFunctionGood div,
.alertBoxFunctionBad div,
.alertBoxFunctionWarn div,
.alertBoxFunctionEmpty div {
    width: 100% !important;
}
/* ==|== media queries ====================================================== */
@media only screen and (max-width: 520px) {
    header {
        position: relative;
        padding: 0px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 146px;
    }
    .notloggedin header {
        height: 110px;
    }
    #headerWrap {
        width: auto;
    }
    #sbNotifyWidget {
        display: none;
    }
    #search {
        display: none;
    }
    #nav {
        float: right;
        margin-left: 0px;
        width: 72%;
        margin-top: 34px;
    }
    .notloggedin #nav {
        margin-top: 12px;
    }
    #nav li {
        width: auto;
        font-size: 15px;
        margin-right: 10%;
    }
    #userControls {
        position: absolute;
        top: 0;
        right: 4px;
        border: none;
        width: 74px;
    }
    .userControls.mailIcon,
    .userControls.settingsIcon {
        margin-right: 10px;
    }
    header #logo {
        margin-top: 34px;
        width: 87px;
        height: auto;
    }
    .notloggedin header #logo {
        margin-top: 12px;
    }
    #userData #headDisplayName {
        max-width: 156px;
    }
    #homeCyclerWrap {
        display: none;
    }
    #userInfo {
        float: left;
        clear: both;
        width: 100%;
        border-top: 1px solid #cdcdcd;
        margin-top: 8px;
        padding-top: 10px;
    }
    .notloggedin #userInfo {
        margin-top: 0;
    }
    #wrapper {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 10px 0px 10px;
        margin-top: 0px;
        overflow: hidden;
    }
    .content {
        width: 100%;
        padding: 0px;
    }
    .content.home {
        padding-bottom: 20px;
    }
    .home .splitCols {
        border: 0px;
        padding-top: 20px;
        border-top: 1px solid #CDCDCD;
        margin-top: 40px;
    }
    .content > section.splitCols:first-child + section {
        padding-top: 20px;
    }
    #chAddIdea {
        width: 210px;
        margin: 0;
    }
    .home .navButton.bigHomeButton.second {
        display: none;
    }
    .home .splitColA {
        width: 100%;
        border: none;
        padding: 0px;
    }
    .homeButtonBank {
        border: 0px;
    }
    .homeButtonBank .splitColA .navButton {
        margin-right: 0px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #footerAd {
        display: none;
    }
    footer {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        border: none;
        margin-top: 0;
    }
    footer .footerLinks {
        float: left;
        width: 100%;
    }
    .topIdeas li {
        width: 100%;
    }
    .topIdeasNav {
        padding: 0px;
    }
    .splitColA,
    .splitColA.sixtyFourty {
        width: 100%;
        border: none;
        padding: 0px;
    }
    .splitColB,
    .splitColB.sixtyFourty {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 40px;
        border-top: 1px solid #cdcdcd;
        padding-top: 20px;
    }
    .homeButtonBank .splitColB {
        margin-top: 0px;
        border-top: none;
    }
    .splitCols.homeButtonBank {
        margin-top: 0;
        border: none;
    }
    .splitCols h2 {
        font-size: 19px;
        margin-top: 20px;
    }
    .tabs {
        list-style: none;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        border: none;
        font-size: 13px;
    }
    .tabs a {
        display: block;
        background: #FFF;
        border: 1px solid #f47931;
        padding: 6px 12px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        -ms-border-radius: 6px 6px 6px 6px;
        border-radius: 6px 6px 6px 6px;
        -moz-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
        margin-bottom: 5px;
    }
    .tabs a:hover,
    .tabs .selected a {
        background: #f47931;
        color: #FFF;
    }
    #idea-social {
        display: none;
    }
    #idea-details {
        width: 100%;
    }
    #idea-overview #colA {
        width: 100%;
        height: auto;
        border: none;
        margin: 0px;
    }
    #idea-overview #colA img {
        float: left;
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    #idea-overview #colA h3 {
        margin: 0px;
    }
    #idea-overview #colB {
        width: 100%;
    }
    #idea-overview #colC {
        display: none;
    }
    #idea-overview {
        margin-bottom: 20px;
        border-bottom: 1px solid #cdcdcd;
    }
    #sidebar {
        display: none;
    }
    #project-comments.comments-widget {
        width: 100%;
    }
    #projectVideo {
        width: 100%;
    }
    .videoWrap > div {
        width: 100%!important;
    }
    #profile-overview #colA {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    #profile-overview #colB {
        width: 56%;
        border: none;
        padding-left: 0;
    }
    #profile-overview #colC {
        width: 42%;
    }
    #profile-overview #colC img {
        width: 100%;
    }
    #profile-details {
        padding-top: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #profile-details .colA,
    #profile-details .colB {
        border: none;
        width: 100%;
        padding-top: 40px;
    }
    #profile-details .colB,
    #profile-details .colC {
        margin-top: 40px;
        border-top: 1px solid #cdcdcd;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #profile-details .colA .giveItALine,
    #profile-details .colB .giveItALine,
    #profile-details .colC .giveItALine {
        border-top: 1px solid #cdcdcd;
        margin-top: 40px;
    }
    #profile-details .colC {
        float: left;
        width: 100%;
        padding: 40px 0;
    }
    #profile-details h2.nopadd {
        margin-top: 40px;
    }
    #profile-overview #colA h4 {
        margin: 0 0 20px;
    }
    #profile-overview #colA h3 {
        display: block;
        padding: 40px 0 0px;
        border-top: 1px solid #CDCDCD;
        width: 100%;
        margin-top: 40px;
    }
    #project-details {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #project-overview #colA,
    #challenge-overview #colA {
        width: 100%;
        padding: 0px;
    }
    #project-overview #colB,
    #challenge-overview #colB {
        width: 100%;
    }
    #project-overview #colB .progressBar {
        width: 70%;
    }
    #project-overview #colC,
    #challenge-overview #colC {
        display: none;
    }
    #project-overview #colB .videoWrap,
    #challenge-overview #colB .videoWrap {
        margin: 0 auto 20px auto;
    }
    #profile-overview #colA ul li {
        margin-bottom: 4px;
    }
    .pageList {
        margin-bottom: 0;
    }
    #challenge-overview .addthis_toolbox .addthis_counter {
        float: left;
        margin: -65px 0 0 147px;
    }
    #dashboardStream {
        margin-top: 0;
    }
    #dashboardStream img.profilePic {
        padding-left: 10px;
    }
    #messages,
    #messagesDash,
    #friends {
        width: 94%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #friends ul li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }
    #messageForm {
        width: 98%;
        -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
        -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    }
    .ar #messageForm .the-message textarea,
    .ar #messageForm div.tagsinput {
        float: right;
        width: 94% !important;
    }
    input[type="checkbox"] {
        float: right;
        margin-top: 5px;
    }
    .tamObjectForm .formCheckboxHolder label {
        width: 190px;
    }
    .tamObjectForm div label {
        display: block;
        width: 100%;
        margin: 0;
        text-align: right;
    }
    .tamObjectForm textarea {
        width: 250px;
    }
    .ar .tamObjectForm small {
        width: auto;
    }
    .tamObjectForm input[type="text"],
    .tamObjectForm input[type="url"] {
        width: 190px;
    }
    .ar .tamObjectForm small {
        margin: 0 0 0 0;
    }
    #challenge-activity #tweets,
    #challenge-activity #ideas,
    #challenge-activity #projects {
        width: 100%;
    }
    #bd_month,
    #bd_day,
    #bd_year {
        width: 60px;
    }
    .registerSocially {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .registerSocially .loginButton {
        margin-left: 26% !important;
    }
    .registerSocially small {
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    .tamObjectForm fieldset {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .tamObjectForm div label {
        text-align: left;
    }
    .tamObjectForm small {
        margin-left: 0px;
        margin-top: 6px;
        width: 100%;
    }
    .addProjectOnChallenge {
        display: none;
    }
    .ar span.error,
    span.error {
        margin: 0;
        padding-top: 10px;
    }
}
@media only screen and (max-width: 400px) {
    #nav {
        width: 68%;
    }
    .notloggedin #nav li {
        margin-right: 10%;
    }
    #nav li {
        margin-right: 8%;
    }
    .tamObjectForm input[type="file"] {
        width: 220px;
    }
    #userData #headDisplayName {
        max-width: 140px;
    }
}
@media only screen and (max-width: 240px) {
    #nav {
        width: 62%;
    }
    #nav li {
        margin-right: 4%;
    }
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}
/* 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;
}
/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/* ==|== print styles ======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    /* Black prints faster: h5bp.com/s */
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    /* h5bp.com/t */
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page  {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/******************* new changes to show error popup to vote/like *****************************/
.popup_outer {
    width: 100%;
    float: left;
    height: 100%;
    position: fixed;
    z-index: 1000000;
    top: 0px;
    left: 0px;
    overflow: auto !important;
    background: url(img/popup_bg.png.html) repeat;
}
.popup_wrapper {
    width: 870px;
    height: 505px;
    margin: auto;
    border-radius: 10px 0px 10px 0px;
    -moz-border-radius: 10px 0px 10px 0px;
    -webkit-border-radius: 10px 0px 10px 0px;
    border: 1px solid #F07C17;
    background-color: #818285222;
    margin-top: 60px;
    padding: 10px 15px;
}
.smallpopup_wrapper {
    width: 490px;
    height: auto;
    overflow: hidden;
    max-width: 90%;
    margin: auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #fff;
    margin-top: 100px;
    padding: 20px 20px 0px 20px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border: 5px solid #cccccc;
}
.smallpopup_wrapper p {
    direction: ltr;
}
.signin {
    width: 100%;
    text-align: center;
}
.entry_outer {
    width: 330px;
    height: auto;
    float: left;
}
.signin_title {
    font-family: "Myriad Pro", arial;
    font-size: 14px;
    color: #757575;
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.folow_title {
    margin: 50px 0px 35px 0px;
    width: 100%;
}
.left {
    float: left;
}