sechr {	margin:2px 0;}

html {
    min-height:100%;
    color:#333;
}


textarea { font-family: Arial;}

#pageframe {
    width:958px;
    margin:0 auto 40px;
    padding-bottom: 20px;
    overflow: hidden;
    box-shadow: 0px 24px 20px -20px rgba(32, 32, 32, 0.5);
    -moz-box-shadow: 0px 24px 20px -20px rgba(32, 32, 32, 0.5);
    -webkit-box-shadow: 0px 24px 20px -20px rgba(32, 32, 32, 0.5);
    background:#f3f3f3;
}
#mainHold { float:left; margin-left: 20px; width: 918px; }


/* ================================== FULL WIDTH / ADAPTIVE STYLING ================================== */
#Members.manage_edit #pageframe,
#Members.modifySignUp #pageframe,
#Members.register #pageframe {
    padding-bottom: 0px;
    background: rgba(236, 236, 236, 0.33);
    box-shadow: 0px 24px 20px -20px rgba(32, 32, 32, 0.14);
    -moz-box-shadow: 0px 24px 20px -20px rgba(32, 32, 32, 0.14);
    -webkit-box-shadow: 0px 24px 20px -20px rgba(32, 32, 32, 0.14);
}
#Members.view #pageframe,
#Members.viewhome #pageframe,
#Hubs.contacts #pageframe,
#Members.manage_edit #pageframe,
#Members.getting_started #pageframe,
#Members.modifySignUp #pageframe,
#Members.register #pageframe,
#Infopages.view #pageframe,
#Shops.manage_add #pageframe,
body.controlpanel #pageframe,
#Hubs.hub_home #pageframe  {
    width: auto;
    max-width: 1200px;
    padding: 0px;
    background: none;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}

/* #Infopages.view #pageframe { overflow: visible; } */

#Hubs.contacts #mainHold,
#Members.manage_edit #mainHold,
#Members.getting_started #mainHold,
#Infopages.view #mainHold,
#Members.register #mainHold,
#Members.modifySignUp #mainHold { margin: 0px; width: 100%; }

#Members.viewhome #mainHold,
#Members.view #mainHold ,
body.controlpanel #mainHold,
#Hubs.hub_home #mainHold   { margin: 0px; width: 100%; float: none; }



td {	padding:4px 0;}

hr {
    margin: 15px 0px;
    border: none;
    border-bottom: 1px solid #EFEFEF;
    height: 0px;
}
.hr1 { margin: 15px 0px; }
.hr2 { margin: 5px 0px 30px; }
.hr3 { margin: 2% 0px 3.5%; }
.hr_black { border-color: #333; }

.underline { text-decoration:underline; }

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:50;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* ############################################ */

/*               Main Page Layout               */

/* ############################################ */
/* WAS #main h1 { */
.main_content_wrapper h1 {
    margin-left:10px;
    margin-bottom:15px;
    padding-top: 0px;
    height: 37px;
}
#main #tgl_contacts {}


#main.loggedOut {}

h1,h2.block {
    color:grey;
    font-size:15px;
    font-weight:bold;
    line-height:26px;
    margin-bottom:20px;
    padding-left:10px;
}

h2 {
    color:#333333;
    font-size:15px;
    font-weight:bold;
    line-height:26px;
    margin-bottom:20px;
    padding-left:10px;
    height:auto;
    line-height:26px;
    padding-left:0px;
    margin-bottom:10px;
    margin-top: 5px;
    font-size:15px;
    font-weight:bold;
}



/* ------------- Paginator ------------ */
.paginator { font-size: 14px; color: #333333; margin: 10px 0px;}
.paginator .prev,
.paginator .num,
.paginator .next {
	float: left;
	background: white;
	padding: 5px 3px 4px;
	border: 1px solid #d1d1d1;
}
.paginator .prev { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.paginator .next { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.paginator .prev a:hover { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.paginator .next a:hover { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.paginator .num { border-right: none; border-left: none; height: 21px; }
.paginator a { padding: 5px 8px; text-decoration: none; color: #747474; }
.paginator a:hover {
	color: white;
	background-color: #7EA7FF;
	border-radius: 6px 6px 6px 6px;

	transition: 0.15s; -moz-transition: 0.15s; -webkit-transition: 0.15s;
}
.paginator a:active { background-color: #3C7AFF; }
.paginator .num span.current {
	font-weight: bold;
	padding: 4px 7px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #C1C1C1;
	cursor: default;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.paginator .disabled { color: #DFDFDF; cursor: default; }


/* ############################################ */

/*               Form Elements                  */

/* ############################################ */
form {	margin-left: 0px;}

label {
    color:#333;
    font-weight:normal;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:0px;
    display:block;
    font-size:13px;
}

/* Build assist notes */
.build_notes {
    width: 390px;
    float: right;
    margin: 0 0px 5px 0;
    padding: 5px 10px 0 45px;
    border: 1px solid lightgrey;
    border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;

    background-color: white;
    background-image: url("/images/post_it_note/infopad_question.png");
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
.build_notes p {
    color: #5e5e5e;
    font-size: 16px;
    font-family: calibri, Helvetica, sans-serif;
    padding-bottom: 7px;
    line-height: 25px;
}
.build_notes span {
    font-weight: bold;
    font-style: italic;
    float: left;
    margin-right: 7px;
    margin-left: -36px;
    color: rgb(72, 144, 211);
    margin-top: 2px;
}

/* Build assist notes NEW VERSION JULY'15 */
.build_notes.new {
    width: 41%;
    float: right;
    margin: 15px 2% 5px;
    padding: 10px 15px 0 50px;
    border: 1px solid rgb(219, 219, 219);
    border-radius: 10px 10px 10px 10px;
    background: url("/images/post_it_note/infopad_question.png") no-repeat 13px 14px #fff;
}
.build_notes.new p {
    color: #5e5e5e;
    font-size: 14px;
    font-family: calibri, Helvetica, sans-serif;
    padding-bottom: 10px;
    line-height: 22px;
}

.build_notes.new.full {
    width: auto;
    float: none;
    margin: 15px auto 5px;
    max-width: 850px;
}


/* Map display header */
.main_content_wrapper #add_edit_section h1.header {
    margin-bottom: 5px;
    height: 28px;
    line-height: 28px;
    background: white;
    border: 1px solid lightgrey;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

/* Geolocate button */
button#geolocate,
button#postcodeLocate {
    font-size: 14px;
    font-weight: bold;
    color: #5A5A5A;
    padding: 7px 10px 7px 30px;

    background-color: #FFFFFF;
    border: 1px solid rgb(197, 197, 197);
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    cursor: pointer;

    background-image: url("/images/tgl3/maps-view_icon_23px.png");
    background-position: 10px 3px;
    background-repeat: no-repeat;
}
button#postcodeLocate {
    color: white;
    background-color: #3F7BA3;
}
button#geolocate:hover,
button#postcodeLocate:hover {
    box-shadow: 1px 1px 2px #CFCFCF; -moz-box-shadow: 1px 1px 2px #CFCFCF; -webkit-box-shadow: 1px 1px 2px #CFCFCF;
}
button#geolocate:active, button#postcodeLocate:active { position: relative; top: 1px;}


/* Begin shop shipping page styling */
.section_heading { padding-left:5px;}
.add_postage_button {
    width:180px;
    height:30px;
    margin-top:20px;
}

.alternative_text_div {
    float:left;
    width:175px;
    height:30px;
}

.alternative_box {	width:200px; }

.label_text {
    float:left;
    width:75px;
    margin-top:5px;
}

#checkbox_wrap {
    margin-top:10px;
    margin-bottom:10px;
}

#checkbox_wrap label {
    float:left;
    width:110px;
    margin-left:30px;
    /*margin-top:5px;*/
    padding:0px;
}

#checkbox_wrap2 {
    margin-top:10px;
    margin-bottom:10px;
}

#checkbox_wrap2 label {
    width:400px;
    margin-left:30px;
    margin-top:5px;
    padding:0px;
}

#heading_style {
    margin-top:20px;
    margin-bottom:13px;
    border-bottom:2px solid #71C06B;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
}
#heading_style label {
    width:400px;
    margin-left:30px;
    padding-bottom:2px;
    font-size:16px;
}

.delivery_options {
    float:left;
    width:15px;
    height:15px;
    margin-right:0px;
    margin-top: 10px;
}

.range_TO_padding {	padding-left:30px;}
.range_POUND_padding { padding-left:32px;}
.subheading_style {	padding-bottom:5px;}

.checkbox_style  {
    float:left;
    width:15px;
    height:15px;
    margin-right:0px;
}

.range_box {	width:60px; }
.delete_postal_range { float:right; width:130px;}

.add_another_range_borders1 {
    border-top-style:solid;
    border-top-color:#76A34E;
    border-top-width:1px;

    border-left-style:solid;
    border-left-color:#76A34E;
    border-left-width:1px;

    border-right-style:solid;
    border-right-color:#76A34E;
    border-right-width:1px;

    padding:10px;
    margin-top: 40px;
}

.default_postal_option_table {	border: 1px solid #76A34E;	padding:10px;}


.add_another_range_borders2 {
    border-bottom-style:solid;
    border-bottom-color:#76A34E;
    border-bottom-width:1px;

    border-left-style:solid;
    border-left-color:#76A34E;
    border-left-width:1px;

    border-right-style:solid;
    border-right-color:#76A34E;
    border-right-width:1px;

    padding:10px;
    height:30px;
}


.even_background {	background-color:#FFFFFF;}
.odd_background {	background-color:#E3E3E3;}

#range_div {	width:500px;}

#cost1 {
    position:relative;
    float:right;
    left:0px;
    width:60px;
}
.range_box {
    position:relative;
    float:right;
    left:0px;
    width:60px;
}
#enter_range {
    position:relative;
    float:left;
    left:0px;
    width:250px;
    line-height:30px;
}
#enter_range input[type="text"] {	float:right;}

#range_from {
    position:relative;
    float:left;
    left:2px;
    width:140px;
    line-height:30px;
}
#range_from input[type="text"] {	float:right;}

#range_to {
    position:relative;
    float:left;
    left:5px;
    width:117px;
    line-height:30px;
}
#range_to input[type="text"] { float:right;}

#range_to img{ line-height:30px;}
#delete_range {	float:right; line-height:30px;}

#cost2 {	width:60px;}
#cost3 {	width:60px;}
#pound_sign_div { float:left; width:80px;}
#pound_sign_div label { float:left; width:0px;}
#ShopsProductDeliveryOptionsApplyToAllProducts {	float:left;	width:20px;}
#ShopsProductDeliveryOptionsApplyToAllProducts label {float:left;	width:0px;}
#ShopsProductDeliveryOptionsApplyToIndividualProducts{float:left;width:20px;}
#ShopsProductDeliveryOptionsApplyToIndividualProducts label {	float:left;	width:0px;}


#update_span_div {
    float:left;
    width:40px;
    height:20px;
    border:0px solid #000;
    text-align:center;
}

#price {	float:right; width:55px;}
#credit { float:right;  width:55px;}


#l_percent_span_div {
    float:left;
    width:10px;
    height:20px;
    margin-left:3px;
    border:0px solid #000;
    text-align:center;
}


.postageStructural {
    display:block;
    outline:none;
    border:none;
    width:173px;
    height:25px;
}


.add_postage_option_button {
    background-image:url('/img/add-another-postage.jpg');
    font-family:Helvetica,Arial,sans-serif;
    font-size: 0.7em;
    color:#FFFFFF;
    font-weight:bold;
    font-variant: normal;
    margin-top:15px;
}

.add_another_range_button {
    background-image:url('/img/add-range.jpg');
    font-family:Helvetica,Arial,sans-serif;
    font-size: 0.7em;
    color:#000000;
    font-weight:bold;
    font-variant: normal;
    float:left;
}

.delete_postage_option {
    background-image:url('/img/delete-postal.jpg');

    font-family:Helvetica,Arial,sans-serif;
    font-size: 0.7em;
    color:#000000;
    font-weight:bold;
    font-variant: normal;
    float:right;
}

.delete_range_link {
    padding-right:10px;
    float:right;
    color:#000000;
    text-decoration:underline;
    line-height:30px;
}

.red_cross_delete_image {
    float:right;
    padding-right:5px;
    margin-top:6px;
}

td,th { padding-left:0px; }

/* End shop shipping page styling */



.submit input {
    min-width: 84px;
    height: 30px;
    margin-top: 20px;
    cursor: pointer;
}

.submit.green_btn input {
    width: 100%;
    padding: 8px 0px;
    height: auto;
    background: #48925D;
    color: #FFFFFF;
    border: none;
    font-size: 21px;
    font-weight: normal;
    font-family: calibri, helvetica, sans-serif;
    transition: 0.25s; -moz-transition: 0.25s; -webkit-transition: 0.25s; -o-transition: 0.25s;
}
.submit.green_btn input:hover {
    background: #0AA035;
    box-shadow: 0 5px 6px -5px #333333; -moz-box-shadow: 0 5px 6px -5px #333333; -webkit-box-shadow: 0 5px 6px -5px #333333;
}
.submit.green_btn input:active {
    background: #0FC744;
    top: 2px;
    position: relative;
}


/* COMMENT OUT OLD INPUT WIDTHS
.form_50 {	margin-bottom:4px;}
#IdeaAddForm .leftField,
#WebsiteAddForm .leftField { margin-left:20px;}
.form_50.right {	padding-top:1px;}

.form_50 input { width:390px;	margin-bottom: 10px;}
.form_25  {	width:320px;}
.form_25 input {	width:320px;}
.form_15 input {	width:150px;}
.form_7 input {	width:70px;}
.form_4 input {	width:40px;}
.form_3 input {	width:30px;}
*/

#AddressAddressOne, #AddressAddressTwo, #AddressAddressThree, #AddressCityTown, #AddressPostCode, #AddressPostCode, #AddressRegion  {
    width:325px;
}

/* NWSNWSNWSNWSNWSNWSNWSNWSNWSNWSNWSNWSNWS width size for Input Box NWSNWSNWSNWSNWSNWSNWSNWSNWSNWSNWSNWSNWS */


.form_50.upload input.file_button {
    width:80px;
    height:23px;
    padding:0;
    border-left:0;
}

/* Code was added from oldSite by MURALI */
textarea{
    border: 1px solid #999999;
    border-radius: 4px 4px 4px 4px;
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 10px 0 0 15px;
    width: 320px;
    height: 150px;
}


/* For asset upload description  box - Chris */
.editMusicLinks textarea {
    width:255px;
    height:130px;
    margin-bottom:10px;
}

label.radio { float:left;}
input.radio { float:left;}


.checkbox input {	float:left;}
.checkbox label {	line-height:12px;}

ul.radio li {
    width:175px;
    float:left;
    padding-bottom:10px;
}

ul.radio li label {	font-weight:normal;}

ul.radio li input {
    padding:0;
    margin-left:0;
    margin-right:10px;
}

.not_bold label {	font-weight:normal;}


/* ############################################ */

/*            Content Page Styles               */

/* ############################################ */

.content_page #main ul {
    list-style:disc;
    padding-left:30px;
    margin-bottom:30px;
}

.content_page #main p.list_introduction { margin-bottom:3px;}


.submit input.submitTextonOrder
{
    display: block;
    background:url(/img/basket-stage-delivery-blank_new.jpg);
    background-repeat:no-repeat;
    padding:0px 0px 0px 10px;
    border-width:0px;

    width:200px;
    height:50px;

    font-weight:bold;
    font-size:16px;
    text-align:left;

}

#content_heading p {	line-height:26px; float:right;}


th { text-align:left;}
th a { text-decoration:none;	color:#000;	font-weight: bold;}
.helper { font-weight:normal;}
.text-right { text-align:right;}

.errors,
.error-message {color:#c00;}

#channelInputs .checkbox {
    width:175px;
    height:20px;
}

#channelInputs .checkbox label {
    font-weight:normal;
    padding-top: 3px;
}

#channelInputs .checkbox input {
    float:left;
    margin-right:10px;
}

.conditions { padding:0 0 10px;}
.conditions fieldset input { margin-right:10px;}
.conditions fieldset label,.have_availability fieldset label {	width:100px; font-weight:normal;}
.conditions input { float:left;}


/* ############################################ */

/*               Admin Menu Styles                  */

/* ############################################ */

#pageframe #main ul#admin_menu ul#quarter_menu {
    margin:0;
}

#pageframe #main ul#admin_menu ul#quarter_menu  li {
    display:inline;
    padding-right:10px;
}

.list_block_details {
    float:left;
    width:350px;
}

ul.list_block_menu {
    float:right;
}

ul.list_block_menu li {
    text-decoration:none;
    display:block;
    color:#ffffff;
}

ul.list_block_menu li a {
    text-decoration:none;
}


tr {
    /* 	border-bottom:1px solid #999; */
    padding:10px;
}

.action_th {
    text-align:center;
}

.action a {
    background-repeat:no-repeat;
    display:block;
    line-height:16px;
}

a.add_to_basket_link  {
    margin-right:10px;
    margin-bottom:10px;
    padding-top: 2px;
    background:url(/img/place-order.jpg);
    background-repeat:no-repeat;
    display:block;
    width:199px;
    height:53px;
    color:#333;
    font-weight:bold;
    line-height:3.2em;
    text-decoration:none;
    text-align:center;
}



table { width:100%; }

td.action a {
    color:#0000FF;
    text-decoration:none;
}

td.action a:hover { text-decoration:underline; }

td.action { border: 0px #333 solid; }


.spell_container .action a {
    text-indent:0;
    display:block;
}

.spell_container .control_panel {
    border:1px solid #FFFFFF;
}

.manage_index tr { }
.action.edit,
.action.delete a,
.action.manage a,
.action.linkback a,
.action.orders a,
.action.viewOrder a,
.action.view a { padding-left:20px; }
.action.delete a { color:#333; }

td,th {
    padding-right: 3px;
    font-size: 15px;
}



/* ############################################ */

/*                   L Bank                   */

/* ############################################ */


input#MemberAccountId0,input#MemberAccountId1,input#MemberAccountId2,input#MemberAccountId3,input#MemberAccountId4 {
    margin-right:10px;
    height:20px;
}

input#account_id_old0,input#account_id_old1,input#account_id_old2,input#account_id_old3,input#account_id_old4 {
    margin-right:10px;
    height:20px;
}

#TransactionAddForm .input label a,#StandingorderAddForm .input label a {
    color:#000;
    text-decoration:none;
}


.input.radio input {
    float:left;
    margin-right:5px;
}
.input.radio label {
    line-height:9px;
    margin-bottom:4px
}
div.address_radio .input.radio label {
    padding-top:7px;
    line-height:6px;
}
.input.checkbox input { float:left; }
.input.checkbox label { line-height:9px; }


.how_to_upload {
    float:left;
    padding-right:30px;
}
.addAnother {
    margin-bottom:10px;
}

p.select_channels {
    background:#DCD491;
    padding-left:20px;
    border-radius: 6px;
    height: 23px;
    margin-bottom: 5px;
    margin-left: -5px;
    padding-left: 10px;
    padding-top: 3px;
    width: 220px;
}

.have_availability .radio label { width:170px; }



/* ============================================= RESULT VIEW ============================================= */

.record div.head,
.record_fw div.head {
    margin-bottom: 10px;
    width: 920px;
    min-height:160px;
}
.record .record_image,
.record_fw .record_image {
    float: left;
    min-height: 145px;
    width: 188px;
    margin-right: 0px;
}
.record .record_image img,
.record_fw .record_image img {
    width: 170px;
    padding: 1px;
    background-color: #555555;
    border: 8px solid;
    border-bottom-width: 20px;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.shops_class .record .record_image img,
.shops_class .record_fw .record_image img { border-color: #468F6F; }
.skills_class .record .record_image img,
.skills_class .record_fw .record_image img { border-color: #E28127; }

.record img {
    padding-bottom: 0;
}
#search_section .record_image p.contact {
    text-align: center;
    margin-top: -21px;
    border-bottom: 0px;
    color: white;
    padding: 0px;
    width: 100%;
    font-size: 11px;
}
#search_section .record_image .contact a {
    font-size: 11px;
    text-decoration: none;
    color: rgb(0, 0, 0);
    background: rgba(255, 255, 255, 0.5);
    padding: 0px 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
    opacity: 0.5;
    line-height: 19px;
}
.record .record_details,
.record_fw .record_details {
    float: left;
    margin-left: 0px;
    width: 565px;
    min-height: 0px;
    height: auto;
}
.record .record_details .details,
.record_fw .record_details .details  {
    padding-bottom: 0px;
    cursor: default;
    width: 545px;
    padding: 0px 20px 10px;
}
.record .record_details .details h3,
.record_fw .record_details .details  h3 {
    margin: 0px 0px 10px -20px;
    color: white;
    padding: 10px;
    background: rgb(0, 0, 0);
    text-align: center;
    line-height:30px;
    font-size: 25px;
    font-family: Calibri, Helvetica, sans-serif;
}
.record .record_actions,
.record_fw .record_actions {
    float: right;
    width: 127px;
    margin-right: 0px;
}
/* Removes underline on hover */
#pageframe #main .record.view span:hover,
#pageframe #main .record_fw.view span:hover {
    cursor: default;
    text-decoration: none;
}

/* MORE/LESS Button */
.moreBtn, .lessBtn {
    background: #DADADA;
    color: #0080FF;
    border: 1px solid #BEC3C7;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    box-shadow: inset 0 10px 8px #EEF0F1;
    -moz-box-shadow: inset 0 10px 8px #EEF0F1;
    -webkit-box-shadow: inset 0 10px 8px #EEF0F1;

    cursor: pointer;
    display: block;
    height: auto;
    line-height: 1.6;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    width: 70px;
}
.moreBtn:hover, .lessBtn:hover {
    color: #0080FF;
    text-decoration: none;
    font-weight: bold;
    background: #CBD3DD;
    border: 1px solid #B3BFCF;
}

/* ******* WHITE SERPS SHARE BAR ******* */
.record .serpUtilityBar,
.record_fw .serpUtilityBar {
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 0px;
    display: inline-block;
    border: none;
    background-color: rgb(230, 230, 230);
    border-right: 1px solid #BEB6A3;
    font-size: 13px;
    width: 100%;
    min-height: 30px;
    border-radius: 0px 0px 0px 0px;
}
.record .serpUtilityBar ul li,
.record_fw .serpUtilityBar ul li  {
    display: block;
    margin: 0px 0px 0px 0px;
    float: none;
}
.record .serpUtilityBar ul li a,
.record_fw .serpUtilityBar ul li a {
    text-decoration: none;
    display: block;
    float: left;
    font-size: 15px;
    line-height: 22px;
    font-family: Calibri, Helvetica, sans-serif;
    margin: 0 0 0 0;
    padding: 5px 25px 2px 40px;
    border-right: 1px solid #FFFFFF;
    color: rgb(87, 87, 87);
}
.record .serpUtilityBar ul li.contact a,
.record_fw .serpUtilityBar ul li.contact a,
ul.serps-new li.contact a {
    background-image: url("/images/search/tel.png");
    background-position: 10px 5px;
    background-repeat: no-repeat;
}
.record .serpUtilityBar ul li.recommend a,
.record_fw .serpUtilityBar ul li.recommend a,
ul.serps-new li.recommend a {
    background-image: url("/images/search/thumbs-up.png");
    background-position: 10px 5px;
    background-repeat: no-repeat;
}

.record .serpUtilityBar ul li.discuss a,
.record_fw .serpUtilityBar ul li.discuss a,
ul.serps-new li.discuss a {
    background-image: url("/images/search/chat.png");
    background-position: 10px 8px;
    background-repeat: no-repeat;
}
.record .serpUtilityBar ul li.contact a:hover,
.record_fw .serpUtilityBar ul li.contact a:hover,
.record .serpUtilityBar ul li.recommend a:hover,
.record_fw .serpUtilityBar ul li.recommend a:hover,
.record .serpUtilityBar ul li.discuss a:hover,
.record_fw .serpUtilityBar ul li.discuss a:hover { color: rgb(255, 255, 255); background-color: rgb(126, 178, 243);}
.record .serpUtilityBar ul li.contact a:active,
.record_fw .serpUtilityBar ul li.contact a:active,
.record .serpUtilityBar ul li.recommend a:active,
.record_fw .serpUtilityBar ul li.recommend a:active,
.record .serpUtilityBar ul li.discuss a:active,
.record_fw .serpUtilityBar ul li.discuss a:active { background-color: rgb(36, 132, 255); }



/* ======================================= RIGHT HAND BUTTONS ======================================= */

/* Brings right hand buttons in 20px */
#search_section div.head div.record_actions li {
    margin-left: -20px;
}

.record_actions li a,
.library-table td a.rhmanagebutton,
.discussBtn_SkillsEx,
.discussBtn_ShopVil,
.discussionBtn.discussBtn_MediaLib,
.library-table td.addbutton_pro a,
.manage_discussion .discussBtn_PersonalQu,
.hidden_product_result_open_shop,
#Websites.manage_discussion.media_class #search_section a {
    border-radius: 6px;	-moz-border-radius: 6px; -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px #999999;	-webkit-box-shadow: 0 1px 2px #999999;	box-shadow: 0 1px 2px #999999;
    transition: background-color, 0.25s; -moz-transition: background-color, 0.25s; -webkit-transition: background-color, 0.25s; -o-transition: background-color, 0.25s;

    border: 1px solid white;

    display:inline-block;
    color: white;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;

    padding: 5px 35px 5px 5px;
    margin-bottom: 5px;
    width: 122px;
    float: right;
    text-align: right;
}
.library-table td.addbutton_pro a { float:left; }

.record_actions li a:hover,
.library-table td a.rhmanagebutton:hover,
.hidden_product_result_open_shop:hover,
.discussBtn_SkillsEx:hover,
.discussBtn_ShopVil:hover,
.discussionBtn.discussBtn_MediaLib:hover,
.library-table td.addbutton_pro a:hover,
.discussBtn_PersonalQ:hover,
#Websites.manage_discussion.media_class #search_section a:hover {
    text-decoration: none;
}
.searchButton_course:hover, .searchSupplier:hover { background-image: none;}

/* Shopping Village area colours */
.shops_class #search_section .record_actions li a,
#Searches.shops_class #search_section .record_actions li a,
.shops_class .library-table td a.rhmanagebutton,
.hidden_product_result_open_shop,
.library-table td.addbutton_pro a,
.discussBtn_ShopVil {
    background-color: #47A77C;
}

.shops_class #search_section .record_actions li a:hover,
#Searches.shops_class #search_section .record_actions li a:hover,
.shops_class .library-table td a.rhmanagebutton:hover,
.hidden_product_result_open_shop:hover,
.library-table td.addbutton_pro a:hover,
.discussBtn_ShopVil:hover {
    background-color: #208F59;
}

/* Skills Exchange area colours */
.skills_class #search_section .record_actions li a,
#Searches.skills_class #search_section .record_actions li a,
.skills_class .library-table td a.rhmanagebutton,
.discussBtn_SkillsEx,
.searchButton_course,
.searchSupplier {
    background-color: #D6844D;
}

.skills_class #search_section .record_actions li a:hover,
#Searches.skills_class #search_section .record_actions li a:hover,
.skills_class .library-table td a.rhmanagebutton:hover,
.discussBtn_SkillsEx:hover,
.searchButton_course:hover,
.searchSupplier:hover {
    background-color: #E45B00;
}

/* Media Library area colours */
.media_class #search_section .record_actions li a,
#Searches.media_class #search_section .record_actions li a,
.media_class .library-table td a.rhmanagebutton,
.discussionBtn.discussBtn_MediaLib {
    background-color: #D3AF3F;
}

.media_class #search_section .record_actions li a:hover,
#Searches.media_class #search_section .record_actions li a:hover,
.media_class .library-table td a.rhmanagebutton:hover,
.manage_discussion.media_class #search_section a:hover,
.discussionBtn.discussBtn_MediaLib:hover{
    background-color: #C79700;
}

/* Personal Quarter area colours */
.manage_discussion .discussBtn_PersonalQu {
    background-color: #D1474D;
    background-image: none;
}
.manage_discussion .discussBtn_PersonalQu:hover{
    background-color: #C50121;
    background-image: none;
}

/* Active color */
.shops_class #search_section .record_actions li a:active,
.skills_class #search_section .record_actions li a:active,
.media_class #search_section .record_actions li a:active,
#Searches.shops_class #search_section .record_actions li a:active,
#Searches.skills_class #search_section .record_actions li a:active,
.library-table td a.rhmanagebutton:active,
.library-table td.addbutton_pro a:active,
.discussBtn_PersonalQu:active, .discussBtn_ShopVil:active, .discussBtn_SkillsEx:active, .manage_discussion.media_class #search_section a:active {
    background-color: #4D96CF; }

/* ========== BUTTON ICONS ========== */
li.memberDetails a{ background-image: url("/images/tgl3/members/member-circle_24px.png"); background-repeat: no-repeat; }

li.Message a, li.message a { background-image: url(/img/1315314254_Mail_compose.png); background-repeat: no-repeat; }


/* View Basket - Shops */
li.basketShop a,
.hidden_product_result_open_shop,
.searchButton_fwsearch.fw_view_basket {
    background-image: url("/images/tgl3/shopping_basket_18px.png");
    background-repeat: no-repeat;
}
.hidden_product_result_open_shop {
    text-align:center;
    float: none;
    margin-top: -5px;
    cursor: pointer;
}
#Shops #search_section .record_actions li.basketShop a:hover,
#search_section .hidden_product_result_open_shop:hover {
    background-color: rgb(4, 185, 62);
    background-image: url("/images/tgl3/shopping_basket_18px.png");
    background-repeat: no-repeat;
}

/* View Media - Courses */
li.viewMedia a {
    background-image: url("/images/tgl3/mixed-media_icon_23px.png");
    background-repeat: no-repeat;
}

/* Project Details -Blogs Details */
li.projectDetails a,
li.ideaDetails a {
    background-image: url(/images/tgl3/details_23px.png);
    background-repeat: no-repeat;
}

/* View Result - open */
li.open a,
li.openService a,
li.openCourse a,
li.openSwapshop a,
li.openCommunityChest a,
li.openVolunteer a,
li.openProject a,
li.openIdea a {
    background-image: url(/images/nfe/view.gif);
    background-repeat: no-repeat;
    text-align: center;
}


/* ============================================= PROJECTS SERVICE SUPPLIERS SEARCH/SHORTLIST SYSTEM ============================================= */


/* Header for Projects Suppliers, Search page */
#Members.manage_exchange.skills_class .main_content_wrapper h1.skills_header {
    background-image: none;
    border: 1px solid rgb(248, 152, 72);
    box-shadow: 0 2px 7px rgb(255, 205, 171) inset;
    -moz-box-shadow: 0 2px 7px rgb(255, 205, 171) inset;
    -webkit-box-shadow: 0 2px 7px rgb(255, 205, 171) inset;

    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, rgb(255, 119, 29)), color-stop(1, rgb(167, 47, 0) ) );
    background: -moz-linear-gradient( center top, rgb(255, 119, 29) 10%, rgb(167, 47, 0) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255, 119, 29)', endColorstr='rgb(167, 47, 0)');
    background-color: rgb(221, 90, 3);

    border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;
    font-size: 20px;

    width: 917px;
    height: 34px;
    color: white;
    text-shadow: 1px 1px 2px #7E481D;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 0px;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 0;
    padding-left: 0px;
    text-align: center;
    padding: 0px;
    cursor: default;
    line-height: 35px;
}

/* Header for Projects Suppliers, Search results page */
#Searches.skills_class #search_section .skTitleBar {
    background: white;
    border: 1px solid #ADADAD;
    border-radius: 4px;
    width: 515px;
    min-height: 20px;
    height: auto;
    color: #999999;
    line-height: 1em;
    margin: 3px auto 10px auto;
    padding: 5px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;

    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}

/* Buttons */
#pageframe #main .record div.head div.record_actions div.memberSelector ul li a,
li.shortlist,
.searchButton_course,
.searchSupplier,
.backtoList {
    border-radius: 6px;	-moz-border-radius: 6px; -webkit-border-radius: 6px;
    -moz-box-shadow: 0 1px 2px #999999;	-webkit-box-shadow: 0 1px 2px #999999;	box-shadow: 0 1px 2px #999999;
    transition: background-color, 0.25s; -moz-transition: background-color, 0.25s; -webkit-transition: background-color, 0.25s; -o-transition: background-color, 0.25s;

    border: 1px solid white;
    background-color: #D6844D;
    display:inline-block;
    color: white;
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;

    padding: 5px 35px 5px 5px;
    margin-bottom: 5px;
    width: 122px;
    float: right;
    text-align: right;
    cursor: pointer;
}

.searchButton_course, .searchSupplier {
    float:none;
    background-image: none;
    margin-left:15px;
}

#pageframe #main .record div.head div.record_actions div.memberSelector ul li a:hover,
li.shortlist:hover,
.searchButton_course:hover,
.searchSupplier:hover,
.backtoList:hover {
    background-color: #E45B00;
}

#pageframe #main .record div.head div.record_actions div.memberSelector ul li a:active,
li.shortlist:active,
.searchButton_course a:active,
.searchSupplier a:active,
.backtoList a:active {
    background-color: #4D96CF;
    box-shadow: 0 0 2px #5e5e5e; -moz-box-shadow: 0 0 2px #5e5e5e; -webkit-box-shadow: 0 0 2px #5e5e5e;
}

.record_actions ul li.shortlist span div.input {
    display:block;
    margin-left: -2px;
    margin-top: -5px;
}

.record_actions ul li.shortlist span div.input label {
    font-weight:normal;
    font-size:16px;
    cursor:pointer;
    color: white;
}

span.category {
    color:#202020;
    font-weight: bold;
    margin-right: 20px;
}

.record_actions ul li.shortlist span div.input.checkbox input {
    float: left;
    margin-top: 8px;
}


/* Footer Stuff -------------------------------------------------------------------- */
.wiralwikiup{
    background-image:url('/images/tgl3/footer/WW-35-px.jpg');
    width:35px;
    height:35px;

    margin-top:5px;
    margin-left:10px;
    cursor:pointer;

    float:left;
}

.ebayup{
    background-image:url('/images/tgl3/footer/ebay-35-px.jpg');
    width:35px;
    height:35px;

    margin-top:5px;
    margin-left:10px;
    cursor:pointer;

    float:left;
}

.youtubeup{
    background-image:url('/images/tgl3/footer/ebay-35-px.jpg');
    width:35px;
    height:35px;

    margin-top:5px;
    margin-left:10px;
    cursor:pointer;

    float:left;
}


/* ========================================================================================================================= */
/* ========================================================================================================================= */
/* ========================================================================================================================= */


/* NEW RECORD STYLING April'15 --------------------------------------------------- */

.record.new .record_actions {
    float: left;
    width: 220px;
}
.record.new img {
    padding-bottom: 0;
    width: 100%;
}

.record.new div.head {
    background: url("/images/tgl3/backgrounds/border.png") repeat scroll 0% 0% rgba(255, 255, 255, 0.35);
    margin-bottom: 30px;
    margin-top: 20px;
    min-height: 160px;
    width: 100%;
    height: auto;
    overflow: hidden;
}


.record .details h4 {
    font-size: 22px;
    color: #7AB6EB;
    margin: 0px 0px 15px 0px;
    line-height: 30px;
}

.record.new .record_actions li,
#search_section .record.new .record_actions li { margin-left: 0px; }
.record.new .record_actions li a,
#search_section .record.new .record_actions li a {
    background-color: #EAEAEA;
    background-position: 11px center;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    float: left;
    text-align: left;
    width: 170px;
    padding: 5px 5px 5px 45px;
    margin: 0px;
    line-height: 27px;
    display: inline-block;
    color: #666;
    font-family: Calibri, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    border-radius: 0px 0px 0px 0px;
    box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.record.new .record_actions li.Message a, #search_section .record.new .record_actions li.Message a,
.record.new .record_actions li.message a, #search_section .record.new .record_actions li.message a {
    background-position: 5px 50%;
    background-size: 32px auto; -moz-background-size: 32px auto; -webkit-background-size: 32px auto;
}

.record.new .record_actions ul li a:hover,
#search_section .record.new .record_actions ul li a:hover {
    background-color: rgb(253, 255, 172);
    color: rgb(0, 0, 0);
}
.record.new .record_actions ul li a:active,
#search_section .record.new .record_actions ul li a:active {
    color: rgb(255, 255, 255);
    background-color: rgb(83, 181, 235);
}


.record.new .record_details {
    float: right;
    margin-left: 0px;
    width: 738px;
    min-height: 0px;
    height: auto;
}
.record.new .record_details .details {
    cursor: default;
    width: auto;
    padding: 0px 40px 30px;
    background: white;
    height: auto;
}
.record.new .record_details .details h3 {
    margin: 0px -40px 0px -40px;
}


/* Contact details styling */
p.contact-name  {
    padding-top: 27px;
    font-size: 25px;
    line-height: 30px;
    cursor: text;
    color: rgb(223, 108, 1);
    font-weight: bold;
}
.shops_class p.contact-name  { color: rgb(77, 163, 129); }
.address-block {
    padding-top: 15px;
    font-size: 23px;
    line-height: 38px;
    cursor: text;
}


/* ============================================= END PAGE VIEW STYLING ============================================= */


#pageframe #main .record .foot p {
    padding-left:100px;
}

p.placeholderimage {
    border:1px solid #bbb;
    width:640px;
    padding:150px 0;
    background:#efefef;
    text-align:center;
    font-size:16px;
}

h1.static {
    background:rgb(196,18,48);
    margin-bottom:10px;
}

ul.howitworks {
    list-style:square;
    margin:0 10px;
    padding:0;
}

ul.howitworks li {
    padding-top:8px;
}

div#sidebar form {
    margin:10px 0;
    background:#efefef;
    border:1px solid #ccc;
    padding:10px;
    min-height:140px;
}

div#sidebar #MemberMembername,div#sidebar #MemberPassword {
    width:160px;
    height:16px;
}

#main p.joshtemp a {
    font-size:16px;
    color:#555;
}

#intro_right {
    width:340px;
    float:right;
}

#intro_left {
    width:340px;
    float:left;
}

.inline_list li {
    display:inline;
}

.shop_name {
    font-weight:bold;
}

.shopping-basket input {width:auto;}


h3.add-asset-title {
    padding-top:1.5em;
    font-size:1.2em;
    margin-bottom:13px;
}


/* #search_section h3.add-asset-title {color:#FDB813;} */
/*
        //cpo add to discussion etc dontm think we wanted yello box headers
*/
#search_section h3.add-asset-title {color:#000000;}
#add_edit_section h3.add-asset-title {color:#333;}

#main .project_discussion p.subject {font-weight:bold; padding:2px 5px; background:#f5f5f5; margin-bottom:5px; font-size:13px;}
#main .project_discussion p.author {font-size:11px; font-weight:bold; float:left; width:400px; padding:2px 5px; margin-bottom:0;}
#main .project_discussion p.delete {font-size:11px; float:right; width:200px; text-align:right; padding:2px 5px; margin-bottom:0}
#main .project_discussion p.message {clear:both; padding:2px 5px;}
#main .project_discussion p.discussion_message {clear:both; padding:2px 5px;}

.admin-menu, #pageframe #main ul.admin-menu, #admin_menu {margin:0 0 7px 0;}
.admin-menu li, #admin_menu li, #pageframe #main ul#admin_menu li {font-weight:bold; float:left; margin-right:3px; margin-bottom:3px; padding:0;}
.admin-menu li, #admin_menu li, #pageframe #main ul#admin_menu li {font-style:normal; border-style:solid; border-width:1px; border-color:black; color:#333;}
.admin-menu li a, #admin_menu li a {display:block; text-decoration:none; font-weight:bold; background:#f3f3f3; padding:0.3em 1em 0.4em 1em; color:#333;}
.admin-menu li a:hover, .admin-menu li a:active, .admin-menu li a:focus,
#admin_menu li a:hover, #admin_menu li a:active, #admin_menu li a:focus{background:#ddd;}
#admin_menu li.selected a {display:block; text-decoration:none; font-weight:bold; background:#cccccc; padding:0.3em 1em 0.4em 1em; color:#333;}




.member-profile #content_heading {margin-bottom:0;}
.member-profile .avatar {float:left; width:150px; text-align:center;}
.member-profile .avatar img {max-width:214px;max-height:260px;}
.member-profile .contact-details {float:left; width:180px; margin-left:10px; padding-bottom:10px;}
.member-profile .bio-cv {float:left; width:180px; margin-left:10px; padding-bottom:10px; overflow : hidden;}
.member-profile .bio {margin-bottom:10px;}
#main .member-profile .contact-details p {margin-bottom:0.7em; line-height:1.4em;}
#main .member-profile .contact-details p.address {margin-bottom:0; font-size:12px;}

#pageframe #main .member-profile .action-links {float:right; width:150px;}
#pageframe #main .member-profile .action-links ul {line-height:normal; margin:0;}


#search_section .selected hr,
#Members #search_section .selected hr,
#Searches #search_section .selected hr {
    height:19px;
    display:block;
    background-position:0px 0px;
    background-repeat:no-repeat;
    background-image: url(/images/search/serps-splitter.jpg);
}



.radio-collection input,
.radio-collection .input.radio input {float:left; clear:left; margin:3px 8px 3px 0; padding:0; height:13px; width:auto;}

.radio-collection label,
.radio-collection .input.radio label {float:left; clear:right; margin:0; padding:3px 0; line-height:15px;}

.noEnd { padding:10px 0;}
.noEnd input, .noEnd label { width:auto; float:left; padding-left: 6px;}

.radio-collection { padding:5px 0 10px 0; }
.file { clear:both; }


.shopping-basket th {
    border-left:1px solid #9CBB93;
    height:40px;
    background:#A2D094;
    padding-left: 5px;
}

.shopping-basket td {border-top:1px solid #CCC; border-left:1px solid #CCC; text-align:right; padding-right:5px; padding-left: 5px;}
.shopping-basket tr td:first-child, .shopping-basket tr th:first-child {border-left:1px solid #f3f3f3; text-align:left; font-weight: bold;}
.shopping-basket-header { font-weight:bold; line-height:40px; }

.product_row {
    line-height:40px;
}


.clear:after, .input:after, #admin_menu:after, #quarter_menu:after, .file:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear, * html .input, * html #admin_menu {height: 1%;}
*:first-child+html .clear, *:first-child+html .input, *:first-child+html #admin_menu {min-height: 1px;}



/**********************************/
/* MK additions for Manage header */
/**********************************/

.headerBar_Categories  {
    background: none repeat scroll 0 0 ;
    border: 1px solid #606060;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 3px 3px #9E9E9E;
    height: 35px;
    line-height: 2.4em;
    margin-bottom: 15px;
    margin-top: 5px;

}


/* Volunteer_Organisation HEADER Bar (mk) */
div.headerBar_Categories_Vol  {
    border: 1px solid #7C7C7C;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #9E9E9E;
    height: 32px;
    padding-top: 5px;
    line-height: 2.4em;
    margin-bottom: 15px;
    margin-top: 5px;
    background: palegoldenrod;
}

div.headerBar_Categories_Vol  h1 {
    background: none repeat scroll 0 0 #FFFFFF;
    width:703px;
    height:35px;
    padding-left: 0px;
}


/* volunteer timecharts layouts (mk) 16_03_2012 */

#dtavailabilty_vol {
    border-collapse:collapse;
    width: 400px;
}

div.MarkingChart table#dtavailabilty_vol.dtavailability_vol tbody tr.dtrdata_vol th {
    width:39px;
}

div.MarkingChart table#dtavailabilty_vol.dtavailability_vol tbody tr.dtrdata_vol td {
    width:20px;
    height:20px;
    padding-top:5px;
    padding-left:7px;
    padding-right:0px;
}


/* organisation timecharts layouts (mk) 16_03_2012 */

#dtavailabilty_org {
    border-collapse:collapse;
    width: 400px;
}

div.MarkingChart table#dtavailabilty_org.dtavailability_org tbody tr.dtrdata_org th {
    width:39px;
}

div.MarkingChart table#dtavailabilty_org.dtavailability_org tbody tr.dtrdata_org td {
    width:20px;
    height:20px;
    padding-top:5px;
    padding-left:7px;
    padding-right:0px;
}

/**********************************/


.column-breaker {
    margin: 20px 0px;
    font-size: 16px;
    line-height: 23px;
    display: block;
}

.column-breaker table {
    display: inline;
    border-collapse: collapse;
    border-spacing: 0;
}

.column-breaker ul  li {
    list-style-type:disc;
    margin-left: 20px;
}

.column-breaker ol {
    display: inline-block;
    list-style-type:decimal;
    margin-left: 20px;
}

.column-breaker em {
    display: inline;
    font-style:italic;
}
.column-breaker strong {
    display: inline;
    font-weight: bolder;
}



/*	start of Video Tab for about page */
.tglLogoVideo{
    background: url("/images/jfeimages/tgl_logo_square_thumb.jpg") no-repeat scroll 0 0 transparent;
    float:left;
    width: 36px;
    height: 36px;
    margin-left: 40px;
    margin-top: 8px;
}


/* ====================================== BUILD FORMS ===================================== */

/* DIV - .main-details */
.main-details,
.main-details2 {
    width: 42%;
    float: left;
    padding: 5px 2% 18px;
    background-color: #fff;
    margin: 15px 0px 5px;
    border-radius: 5px;
    border: 4px solid rgb(230, 230, 230);
}
.swaps_build .main-details {
    width: 41%;
    margin: 15px 2% 5px;
}

/* TITLE */
.main-details .form_50.required,
.main-details .form_25 { margin: 5px 0px 15px; }
.main-details .form_50.required label,
.main-details .form_25 label {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px 10px;
}
.shops_class .form_25 label,
.shops_class .form_50.required label { color: #28A17B; }
#Shops .form_50.required label ,
#Products .form_50.required label { color: #60D024; }
.skills_class .form_50.required label { color: #E66E02; }

.main-details .form_50.required  input[type="text"] {
    color: rgb(49, 49, 49);
    font-size: 18px;
    height: 37px;
    font-weight: bold;
    width: 97%;
    background-color: #FCFFDA;
    border-color: rgba(0, 0, 0, 0.15);
}


/* LOGO / IMAGE UPLOAD */
.logo {
    overflow: hidden;
    margin: 20px -2% 8px;
    background-color: #F5F5F5;
    border-radius: 3px 3px 3px 3px;
}
.tglProfile .logo { margin: 2px 0px; }

.logo #tabicon,.logo #tabicon3 {
    float: left;
    max-height: 100%;
}
.logo #tabicon img, .logo #tabicon3 img {
    width: auto;
    height: auto;
    max-height: 120px;
    max-width: 150px;
}

#logoContainer,
#logoContainer2,
#logoContainer3 {
    background-color: #2D7AC0;
    padding: 5px 2%;
    color: #fff;
    overflow: hidden;
}
#logoContainer p,
#logoContainer2 p,
#logoContainer3 p {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    padding: 2px 0px 5px;
}
#logoContainer .lLeftAudio,
#logoContainer2 .lLeftAudio,
#logoContainer3 .lLeftAudio {
    width: auto;
    float: none;
    line-height: 15px;
    padding: 6px 7px 5px;
    margin: 0px 0px 5px;
    overflow: hidden;
    border-radius: 3px 3px 3px 3px;
    background-color: #000000;
    color: #fff;
}
span.existing-logo-filename { color: rgb(243, 255, 0); font-size: 12px; }
span.logoFileName { font-size: 12px; }
.inputSections {
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
}
.lLeftAudio { width: auto; float: none; }
#logoContainer input[type="file"],
#logoContainer2 input[type="file"],
#logoContainer3 input[type="file"] {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
#logoContainer input[type="button"],
#logoContainer2 input[type="button"],
#logoContainer3 input[type="button"],
.mytgl_photolist input[type="button"] { /* 'Cancel' button */
    background: #FFFFFF;
    border: none;
    color: #CD1B1B;
    font-size: 12px;
    padding: 3px 5px;
    border-radius: 3px 3px 3px 3px;
    margin-top: 4px;
    float: right;
}
#logoContainer output span,
#logoContainer2 output span,
#logoContainer3 output span { margin-top: 7px; display: block; }

.descriptionSelector_createService,
.descriptionSelector_createCourse,
.descriptionSelector,
.descriptionSelector2,
.keywordsSelector,
.timetableSelector,
.cvSelector {
    border-bottom: 1px solid rgb(231, 231, 231);
    cursor: default;
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 15px;
}
#showDescription label { display: none; }
#showDescription .form_25 { margin: 0px; }

.descriptionSelector .editButton,
.main-details .editButton,
.promote-sub .editButton {
    background: url(/img/edit.png) 5px center no-repeat;
    width: auto;
    height: 27px;
    color: #BDBDBD;
    padding: 0px 10px 0px 28px;
    margin-left: 15px;
    margin-top: -1px;
    float: right;
    border-radius: 3px 3px 0px 0px;
    line-height: 27px;
    font-size: 15px;
    font-weight: normal;
    font-family: calibri, helvetica, sans-serif;
    background-color: rgb(244, 244, 244);
    cursor: pointer;
}
.promote-sub .editButton {
    background-color: rgba(255, 255, 255, 0.2);
    margin: -5px -6px -5px 5px;
    border-radius: 0px 0px 0px 0px;
    height: 36px;
    line-height: 36px;
    color: #fff;
}
.descriptionSelector .editButton:hover, .descriptionSelector .editButton.active,
.main-details .editButton:hover, .main-details .editButton.active,
.promote-sub .editButton:hover, .promote-sub .editButton.active { background-color: #3AB8FF; color: white; }

.editButton.help {
    background: url("/images/post_it_note/infopad_question-black.png") no-repeat 8px center / 21px;
    width: auto;
    height: 28px;
    line-height: 28px;
    border-radius: 3px 3px 0px 0px;    
    float: right;
    padding: 0px 10px 0px 35px;
    font-size: 15px;
    font-family: calibri, helvetica, sans-serif;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}
.editButton.help.active { background-color: rgb(134, 67, 235); }
.h2u {
    overflow: hidden;
    background-color: #AF7BFF;
    padding: 5px 20px;
    margin-bottom: 15px;
    border-radius: 0px 0px 5px 5px;
    margin-top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.h2u p {
    color: #FFF;
    margin: 10px 0px;
    padding: 0px;
}


.main-details .form_100 label { display: none; }
.main-details textarea,
.main-details #showKeywords input,
.form_100 textarea {
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    background-color: #f8f8f8;
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 14px;
    height: 170px;
    margin: -1px auto 10px;
    padding: 10px 7px 10px 12px;
    width: 96%;
}
.main-details #showKeywords input { height: 30px; width: 97%; padding: 2px 0px 2px 10px; }

.pop-ad label {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 0px;
    text-align: center;
}

/* Sub-Headers */
.main-details #heading_style {
    border-bottom: 2px solid #0CB168;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 30px;
    padding-bottom: 0;
}
.skills_class .main-details #heading_style { border-color: #E76E02; }
.main-details p.subheading_text {
    font-size: 13px;
    color: #5e5e5e;
    padding: 10px 0px 15px;
}
.subheading_style.Lbargains {
    background: url("/images/tgl3/Lheart-icon_22px.png") no-repeat 2px 0px;
    padding: 0px 0px 7px 27px;
}

#showCV p {
    font-size: 13px;
    color: rgb(13, 162, 214);
    line-height: 18px;
    padding: 8px 5px 2px;
}


/* PRICES ------------------------------------------------------------------------------------- */
.LBargainsInfo { margin: 8px 0; }
.LBargainsInfo p {
    font-size: 15px;
    color: #5e5e5e;
    line-height: 28px;
}

#l_div {
    float: left;
    color: #0CB168;
    font-size: 22px;
    font-weight: bold;
    width: 110px;
}
#l_div label { float:left; width:0px;}
#l_div input {
    width: 70px;
    height: 25px;
    margin-left: 20px;
    margin-top: -24px;
    padding: 0 5px;
    font-size: 14px;
    background-color: #FAFAFA;
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    transition:0.25s; -moz-transition:0.25s; -webkit-transition:0.25s;
}
#l_div input:hover {
    border-color: #6CBE97;
    box-shadow: 1px 1px 3px #C9C9C9;
    -moz-box-shadow: 1px 1px 3px #C9C9C9;
    -webkit-box-shadow: 1px 1px 3px #C9C9C9;
}
#plus_sign_span_div {
    color: #626262;
    font-size: 18px;
    width: 16px;
    padding-top: 3px;
}
#update_span_div {
    background: rgb(12, 177, 104);
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 0 5px;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    margin-left: 15px;
    padding: 2px 5px 2px 15px;
    text-align: left;
    width: 90px;
}

/* By Negotiation/Barter */
#add_edit_section  .inline-label,
.accept_bater,
.item.barter {
    margin-top: 17px;
    padding: 3px 0 5px 30px;
    overflow: hidden;
    background: url('/images/tgl3/shop_results/Barter_Symbol.png') no-repeat 3px 0px /33px;
}	
#add_edit_section .chechbox input,
.accept_bater input,
.item.barter input {
    margin: 4px 12px 0 15px;
    padding: 0 10px 0 0;
    width: 16px;
    height: 20px;
    float: left;
}
#add_edit_section .inline-label label,
.accept_bater label,
.item.barter label {
    color: #2CA36F;
    background-color: #E8F5EF;
    font-weight: bold;
    float: left;
    font-size: 13px;
    padding: 3px 10px 3px 5px;
    border-radius: 5px 5px 5px 5px;
    transition: 0.25s; -moz-transition: 0.25s; -webkit-transition: 0.25s; -o-transition: 0.25s;
}
#add_edit_section .inline-label label:hover,
.accept_bater label:hover,
.item.barter label:hover {
    cursor:pointer;
    background: #2CA36F;
    color:white;
}
#add_edit_section .inline-label label:active,
.accept_bater label:active,
.item.barter label:active {
    background-color: #F07829;
}


/* Five Photos ------------------------------------------------------------------------------- */
.photo-holder {
    margin: 8px auto 0px;
    overflow: hidden;
    border-radius: 3px 3px 3px 3px;
    background-color: #2D7AC0;
    padding: 10px 2%;
    color: #fff;
    max-width: 400px;
}
#AddressMap .mytgl_photolist input[type="text"] {
    display: inline-block;
    max-width: 390px;
    width: 100%;
    margin: 0px 0px 10px;
    background-color: #FCFFDA;
    border: none;
    border-radius: 3px 3px 3px 3px;
}
.mytgl_photolist output {
    float: left;
    padding-right: 10px;
}



/* --------------------------------- Address + tglMaps area --------------------------------- */
.addressArea {
    text-align: center;
    background: rgb(59, 152, 253);
    padding: 4px 0 5px 0;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    color: white;
    border-radius: 4px 4px 4px 4px;
}
.editMap { }
.editAddress {
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #dadada;
    box-shadow: 0px 11px 7px -10px rgba(0, 0, 0, 0.28); -moz-box-shadow: 0px 11px 7px -10px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0px 11px 7px -10px rgba(0, 0, 0, 0.28);
}
.editAddress h3 { padding: 5px 10px 1px; font-size: 13px; }

/* Address Select */
.input.radio input { float: left; margin: 6px -25px 0px 12px; }

#add_edit_section div.address_radio .input.radio label {
    padding: 9px 10px 9px 34px;
    margin-bottom: 0px;
    line-height: 8px;
    font-size: 13px;
    color: #AAA;
    font-weight: bold;
    cursor:pointer;
    float: left;
}
#add_edit_section div.address_radio .input.radio label:hover { color: rgb(27, 186, 76); }
#add_edit_section div.address_radio .input.radio label:active { color: rgb(255, 102, 0); }


#AddressMap {
    width: 50%;
    float: right;
    background-color: #dadada;
    padding: 1%;
    margin-top: 15px;
    border-radius: 10px;
}
.swaps_build #AddressMap,
#Organisation #AddressMap {
    float: none;
    margin: 30px auto 10px;
}

#AddressMap .not_bold { margin-bottom: -5px; }


/* ADDRESS FORM */
#expandableAddress { border-top: 1px solid #EDEDED; padding: 6px 11px; }
.address_radio { padding: 0px 0px 5px 0px; }
.address_radio .input.radio { }

h3.address-title  {
    font-weight: bold;
    font-family: calibri, Helvetica, sans-serif;
    font-size: 20px;
    margin-bottom: 5px;
    text-align: center;
    width: 400px;
}

#AddressMap #expandableAddress .not_bold label,
#expandableAddress .not_bold label {
    padding-right: 10px;
    font-weight: bold;
    float: left;
    width: 150px;
    text-align: right;
}
#expandableAddress #AddressAddressOne,  #expandableAddress #AddressAddressTwo,  #expandableAddress #AddressAddressThree,  #expandableAddress #AddressCityTown,  #expandableAddress #AddressPostCode, #expandableAddress #AddressPostCode,  #expandableAddress #AddressRegion,
#expandableAddress .not_bold input, #expandableAddress .editAddress .not_bold select, #AddressMap #expandableAddress .editAddress .not_bold select, #AddressMap #AddressCountryId, #AddressCountryId {
    width: 250px;
    margin-top: 6px;
    margin-bottom: 5px;
    height: 26px;
}

#expandableAddress #AddressPhone,
#expandableAddress #AddressMobile,
#expandableAddress #AddressFax { width: 150px; }

#uk-postcode-div label {
    font-weight: bold;
    color: #222;
    float: left;
    width: 34%;
    min-height: 15px;
    text-align: right;
    line-height: 1.3em;
    display: block;
    padding: 10px 3% 0px 0px;
}
.postcode-text {
    font-size: 13px;
    color: #5BA9FF;
    line-height: 17px;
    padding: 0px 0px 7px;
}


#AddressMap input[type="text"],
#AddressCountryId {
    height: 26px;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 10px;
    width: 60%;
    color: grey;
    border: 1px solid #DADADA;
    background: #F0F0F0;
    cursor: text;
    transition: 0.25s; -moz-transition: 0.25s; -webkit-transition: 0.25s; -o-transition: 0.25s;
}
#AddressMap input[type="text"]:hover,
#AddressMap .not_bold select:hover,
#AddressMap .input select:hover,
#AddressAddressOne:hover, #AddressAddressTwo:hover, #AddressAddressThree:hover, #AddressCityTown:hover, #AddressPostCode:hover, #AddressPostCode:hover, #AddressRegion:hover,
#AddressMap .not_bold input:hover  { border-color: #5e5e5e; color: #333333; }

#AddressMap #settings_mapbox { margin: 0px -10px -6px; }

.div_showmap { margin-top: 25px; }


@media screen and (max-width: 550px) { 
    #AddressMap #expandableAddress .not_bold label,
    #expandableAddress .not_bold label {
        font-size: 12px;
        padding: 5px 10px 0px 10px;
        width: auto;
        float: none;
        text-align: left;
    }
    #expandableAddress #AddressAddressOne,
    #expandableAddress #AddressAddressTwo,
    #expandableAddress #AddressAddressThree,
    #expandableAddress #AddressCityTown,
    #expandableAddress #AddressPostCode,
    #expandableAddress #AddressPostCode,
    #expandableAddress #AddressRegion,
    #expandableAddress .not_bold input,
    #expandableAddress .editAddress .not_bold select,
    #AddressMap #expandableAddress .editAddress .not_bold select,
    #AddressMap #AddressCountryId,
    #AddressCountryId{
        width: 88%;
        height: 24px;
        font-size: 13px;
        margin: 0px auto 8px;
    }
    #AddressCountryId { width: 88%; margin: 0px auto 8px; }

    #AddressMap #expandableAddress .not_bold.contact label { float: left; width: 60px; }
    #expandableAddress #AddressPhone,
    #expandableAddress #AddressMobile,
    #expandableAddress #AddressFax {
        margin: 5px;
    }
}


/* submit button */
.build-submit { text-align: center; }
.build-submit .submit input {
    min-width: 300px;
    height: 43px;
    margin: 15px 30px 0 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #313131;
    background-image: url(/images/NHome/tick.png);
    border: 2px solid #E4E4E4;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    padding-left: 46px;
    padding-right: 15px;
    background-position: 11px center;
    border-radius: 3px 3px 3px 3px;
    transition: 0.25s; -moz-transition: 0.25s; -webkit-transition: 0.25s; -o-transition: 0.25s;
}
.build-submit .submit input.mediaSubmit { background-image: url("/images/tgl3/mixed-media_icon_23px.png"); }

.build-submit .submit input:hover {
    color: white;
    background-color: #2CAC4D;
    box-shadow: 0 1px 2px #5e5e5e; -moz-box-shadow: 0 1px 2px #5e5e5e; -webkit-box-shadow: 0 1px 2px #5e5e5e;
}
.build-submit .submit input:active { background-color: rgb(4, 93, 226); }

/* Profile edit update message */
#sumbitInfo {
    font-size: 28px;
    line-height: 32px;
    padding: 20px 40px;
    top: 50%;
    left: 26%;
    width: 40%;
    position: fixed;
    z-index: 1000;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    border: 4px solid rgb(203, 44, 69);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, 0.46); -moz-box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, 0.46); -webkit-box-shadow: 0px 0px 0px 1000px rgba(0, 0, 0, 0.46);
}

/* ====================================== DISCUSSIONS ===================================== */
#discussion-manage {
    display: block;
    overflow: hidden;
}
div#mytgl_section_discussions {
    background: transparent;
    margin: 20px auto 0px;
    max-width: 900px;
    overflow: hidden;
}

#discussion_panel {
    overflow: hidden;
    position: absolute;
    background: #fff;	
    width: 28%;
    max-width: 270px;
    float: left;
    margin: 0px 0.5% 0px 1.5%;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 5px 5px -5px #000; -moz-box-shadow: 0px 5px 5px -5px #000; -webkit-box-shadow: 0px 5px 5px -5px #000;
}
#discussion_panel.fixed { position: fixed; top: 65px; }

#discussion_panel h2 {  margin: 5px 15px; font-size: 13px; }
p.discuss-note { color: #A5A5A5; font-size: 13px; padding: 0px 15px; }
p.empty {
    font-size: 26px;
    line-height: 60px;
    text-align: center;
}

.new_discussion {
    margin: 15px 25px 18px;
    padding: 6px 20px 6px 40px;
    background: url("/images/tgl3/White_add_icon.png") no-repeat scroll 8px center #37B364;
    font-weight: bold;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
}
.new_discussion:hover { background-color: rgb(28, 148, 236); }
.new_discussion:active { background-color: orange; }


.discussion-area { }
ul.discussion-list.main {
    width: 70%;
    max-width: 600px;
    float: right;
}
.discussion-list li { width: 97%; margin: 0px auto 1.5%; }
.discussion-list.popup li,
.post_main {
    background-color: white;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    overflow: hidden;
}

.view_link {
    font-size: 15px;
    text-align: center;
    background: #FCFEC9;
    overflow: hidden;
    line-height: 34px;
    cursor: pointer;
    border-top: 1px solid #eee;
}
.view_link:hover { background: yellow; }
.view_link:active { background: orange; }
span.comments_count {
    background: url("/images/tgl3/discussion_24px.png") no-repeat 8px 50% / 15px auto #4BB64B;
    color: #fff;
    padding: 0px 10px 0px 30px;
    float: right;
    font-size: 12px;
}


.discussion-area .searches-row {
    border: none;
    height: auto;
    display: block
}
.discussion-main-thread {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dadada;
    background: #fff;
}
.discussion-message { overflow: hidden; padding: 1.5% 5%; }
.post_main .discussion-message { padding: 1% 5% 2.8%; }
.discussion-message h2 { font-size: 1.2em; line-height: 2em; }
.discussion-message p{ font-size: 0.96em; color: #777; }

.discussion-area .offer-description h3{
    text-align: left;
    padding: 0;
}


/* DISCUSSIONS POPUP STYLING ------------------------------------------------------------------------------------- */
.menu-pop.discussions {
    background-color: #eee;
    border: none;
    width: 95%;
    max-width: 650px;
    min-width: 0px;
}


/* Add/Edit popup ------------------------------ */
.menu-pop.discussions.compose { max-width: 500px; }
.menu-pop.discussions h1 {
    background: #fff;
    color: #333;
    margin-bottom: 10px;
    font-size: 19px;
    padding: 9px;
}
.menu-pop.discussions form { width: 85%; margin: 5px auto 3%; }
.menu-pop.discussions form label { line-height: 28px; font-size: 13px; }
.menu-pop.discussions form label strong { font-size: 15px; }

#DiscussionSubject,
#DiscussionMessage {
    border: none;
    border-radius: 0px 0px 0px 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #555;
}
#DiscussionSubject {
    height: 40px;
    font-size: 22px;
    width: 97%;
    padding: 0px 0px 4px 10px;
}
#DiscussionMessage {
    height: 120px;
    line-height: 22px;
    font-size: 14px;
    padding: 7px 5px 0px 15px;
    width: 96%
}


/* Thread styling ------------------------------ */
.discussion-author {
    background: #333;
    font-size: 11px;
    line-height: 18px;
    color: #fff;
    overflow: hidden;
}
.discussion-author-img {
    width: 60px;
    height: 61px;
    margin: 0px 7px 0px 0px;
    float: left;
    cursor: pointer;
    background: no-repeat center / contain #000;
}
.discussion-author .post { overflow: hidden; }
.post-info { float: left; }

.post.memberLink {
    padding-top: 3px;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
}
.post.memberLink:hover { text-decoration: underline; }
.post.memberLink span {
    color: #D55E6F;
    padding-left: 7px;
    font-size: 11px;
    text-decoration: none!Important;
}

.post.time { font-size: 11px!important; color: #A7A7A7; }
.post.memberType {
    background: url("/images/tgl3/members/member-circle_24px.png") no-repeat 0px 50% / 12px;
    padding: 2px 0px 2px 18px;
}
.post.memberType.Co-Org { background-image: url("/images/tgl3/members/co-circle_red_24px.png"); }

.discuss-actions { float: right; height: 28px; width: 28px; }
.options_toggle {    
    cursor: pointer;
    height: 28px;
    width: 28px;
    display: block;
    background: url(/images/tgl3/MENU_50px.png) no-repeat center / 20px #333;
}
.options_toggle:hover { background-color: #3C8AEB; }
.options_toggle.active { background-color: orange; }

.options_list {
    background: #FAFFB0;
    color: #333;
    position: absolute;
    font-size: 12px;
    border: 1px solid #DBDBDB;
    border-radius: 0px 0px 4px 4px;
    box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.08);
}
.options_list div { padding: 4px 12px; cursor: pointer; }
.options_list div:hover { text-decoration: underline; }


/* REPLY/COMMENTS view styling ------------ */
.reply .discussion-author {
    overflow: auto;
    background: #FFFFFF;
    color: #555;
    border-bottom: 1px solid #f0f0f0;
}
.reply .post-info { display: flex; }
.reply .discussion-author .post { padding: 5px 7px 2px 0px; font-size: 12px; }
.reply .discussion-author-img { width: 28px; height: 28px; }
.reply .post.memberType {
    padding: 0px;
    width: 17px;
    float: left;
    height: 20px;
}


/* REPLY Post ------------ */
.reply_post {
    display: block;
    font-size: 16px;
    margin-top: 5px;
}
.reply_post.ok {
    background: url("/images/tgl3/discussion_24px.png") no-repeat 13px 10px / 21px auto #4BB64B;
    color: #fff;
    padding: 8px 12px 8px 44px;
    cursor: pointer;
}
.reply_post.ok:hover  { background-color: #00DD00; }
.reply_post.ok:active  { background-color: orange; }

.reply_post.none {
    background-color: #adadad;
    padding: 8px 12px;
    text-align: center;
    color: #fff;
}


/* END DISCUSSIONS STYLING ------------------------------------------------------------------------------------- */


/* ====================================== END OF DISCUSSIONS PAGE ===================================== */

.Infomercial_BGimage {
    background-image: url("/images/jfeimages/infomercial_upload_box.png");
    height:176px;
    width:694px;
}

.infomercial_LS {
    display:block;
    color:white;
    font-size: 15px;
    height:150px;
    width:230px;
    padding-top: 15px;
    padding-left: 15px;
}

.upload_btn {
    display:block;
    float:left;
    background-image:  url("/images/jfeimages/btn_upload.png");
    height:19px;
    width:88px;
    color: white;
    margin-top: -26px;
    margin-left: 200px;
    padding-top: 3px;
    padding-left: 3px;
    font-size: 15px;
    text-align: center;
    text-indent:-9999px;
}

.upload_btn:hover {
    text-decoration:underline;
}

.howtoUpload_Btn {
    display: block;
    float: left;
    background: url("/images/jfeimages/how_to_upload.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    font-size: 15px;
    height: 20px;
    line-height: 1.4em;
    margin-left: 82px; /*over written*/
    margin-top: -153px; /*over written*/
    padding: 2px;
    text-align: center;
    text-decoration: none;
    width: 125px;
}

.infomercial_RS {
    display:block;
    float: left;
    height:150px;
    width:325px;
    margin-top: -159px;
    margin-left: 343px;
}


.descriptInfo {
    display:block;
    height:115px;
    width:432px;
}

.Photos_BGimage {
    background-image: url("/images/jfeimages/5_photos_upload_box.png");
    height:260px;
    width:694px;
    color:white;
}



/* code begins for View_discussion page	*/


p.textforHeader {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 0px 0px 15px;
}

tbody.discussionChart tr.even td {
    background: none repeat scroll 0 0 #FDF1B8;
}

.viewItem_button {
    -moz-box-shadow:inset 0px 1px 1px 0px #ffc4cd;
    -webkit-box-shadow:inset 0px 1px 1px 0px #ffc4cd;
    box-shadow:inset 0px 1px 1px 0px #ffc4cd;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9696), color-stop(1, #f53d56) );
    background:-moz-linear-gradient( center top, #ff9696 5%, #f53d56 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9696', endColorstr='#f53d56');
    background-color:#ff9696;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #e3687d;
    display:inline-block;
    color:#3D3C3D;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    padding:4px 14px;
    text-decoration:none;

    float:right;
    margin-right:3px;
    text-align:center;
    width:75px;
    cursor:pointer;
}
.viewItem_button:hover{
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f53d56), color-stop(1, #ff9696) );
    background:-moz-linear-gradient( center top, #f53d56 5%, #ff9696 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f53d56', endColorstr='#ff9696');
    background-color:#f53d56;
}
.viewItem_button:active{
    position:relative;
    top:1px;
}

td a.itemName {
    color:#C20234;
    text-decoration:none;
}
td a.itemName:hover {
    color:#C20234;
    text-decoration:underline;
}

/* ============================== ACCOUNT VALIDATED SCREEN =============================== */

.login #registration_section h1 {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.1, rgb(75, 214, 91)), color-stop(1, rgb(45, 129, 38) ) );
    background: -moz-linear-gradient( center top, rgb(75, 214, 91) 10%, rgb(45, 129, 38) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(75, 214, 91)', endColorstr='rgb(45, 129, 38)');
    background-color: rgb(45, 162, 54);
    border: 1px solid rgb(43, 211, 56);

    box-shadow: 0 2px 7px rgb(190, 228, 199) inset;
    -moz-box-shadow: 0 2px 7px rgb(190, 228, 199) inset;
    -webkit-box-shadow: 0 2px 7px rgb(190, 228, 199) inset;

    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;

    height: 34px;
    line-height: 32px;
    margin-bottom: 20px;
    width: 907px;
    margin-top: -5px;
    display: block;
    float: left;
    font-weight: bold;
    text-align: center;
    cursor: default;

    font-size: 22px;
    color: white;
    text-shadow: 1px 1px 2px #333333;
    font-weight:bold;
}
.login #registration_section p {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: rgb(0, 124, 194);
}
.tglMailHolder .ui-tabs .ui-tabs-nav {
    border-radius: 0;
    border-top: medium none;
    height: 88px;
    padding: 3px 5px;
}


/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* ADAPTIVE STYLING  ------------------------------------------------------------  */
@media screen and (max-width: 950px) {

    .build_notes.new,
    .main-details,
    .swaps_build .main-details,
    #AddressMap	{
        width: 93%;
        margin: 15px auto 5px;
        float: none;
    }
    .build_notes.new { width: 80%;}
    .main-details,
    .swaps_build .main-details,
    #AddressMap { max-width: 500px;}

}
div.keyword-count{ max-width: 850px;}
div.keyword-count ul li{ display: inline-block; width: 220px;}

li.keyword-stat{ color: green; }
li.keyword-stat:hover{ cursor: pointer; color: blue; }
