a {
  text-decoration: none;
  color: #129DD8;
}


a:hover {
  text-decoration: none;
  color: #39B9EF;
}

h1 {
  color: silver;
  margin-top: 0px;
  margin-bottom: 3px;
}


@font-face {
    font-family: 'GandhiSans-Regular';
    src: url('/resources/custom/fonts/GandhiSans-Regular.otf') format('opentype');
}

div.panel1 {
  overflow: visible;
}

select, input {
  font-size: 100%;
  font-family: GandhiSans-Regular, Arial, sans-serif;
}

span.iosuploadremove {
  float: right;
  font-size: 10px;
}

/* #font styles
================================================== */

body { 
  font-family: GandhiSans-Regular, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

h1, h2, h3, h4, h5, h6, body, p, div.content_paragraph, div.content_quotation, div.content_abstract_title, div.content_abstract_description, div.content_abstract_date, div.box_title, div.design_profiletitle, div.diary_entry_abstract_title, .publ_section_title, div.publ_abstract_title, .product_title, legend, div_content_thumbnail_title, div_product_thumbnail_title, div.product_description, div.design_abstract_diary div.diary_entry_abstract_time, div.design_abstract_diary div.diary_entry_abstract_date, div.design_content div.diary_entry_title, div.design_abstract_diary div.diary_entry_abstract_location {
  font-family: GandhiSans-Regular, Arial, sans-serif;
}

.product_abstract_unit_price {
    font-size: 0.8em;
}

.product_abstract_type_identifier_ebook, .product_abstract_type_identifier_pod, .product_abstract_type_identifier_external {
    float: right;
}

div.design_abstract_diary div.diary_entry_abstract_location  {
  font-weight: bold;
}

h1, div.design_profiletitle, .product_title, .publ_section_title, .ba_content_title, .component_content_title {
  border-bottom: 3px dotted #506F7E;
  color: #506F7E;
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 0;
  text-align: left;
}

.template_singlepage h1, .template_taxonomy_browser_articles h1, .template_webpage h1, .template_webpage .content_heading {
  font-size: 48px;
  font-weight: normal;
  border-bottom: none;
}

h2, div.heading_2 {
  border-bottom: 3px dotted #506F7E;
  color: #506F7E;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.design_shaded_container h2 {
  border-bottom: none;
  font-size: 38px;
  margin: 0;
  text-align: center;
  line-height: 58px;
}

.design_shaded_container .dark-title-bar h2 {
  color: #DCE2E5;
}

.design_resultmessagebox h2 {
  margin-top: 0;
  color: #345E73;
}

h3, .ba_abstract_title {
  color: #506F7E;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 0;
}

.iostextmessagetitle {
  color: #506F7E;
  font-size: 18px;
  font-weight: bold;
}

legend {
  font-size: 18px;
  font-weight: bold;
  padding: 0 5px;
  color: #506F7E;
}

.design_contentpages_leftcol h2, .design_contentpages_rightcol h2 {
  margin: 5px 0 10px;
}

.content_paragraph, div.content_quotation, .content_bullets, .ba_content_document, .ba_abstract_document, .component_content_description {
  font-size: 16px;
  margin-bottom: 10px;
  color: #506F7E;
  line-height: 1.5em;
}

.design_shaded_container .content_paragraph {
  line-height: 24px;
  padding: 0 20px;
  margin: 0 0 20px;
  font-size: 17px;
}

.sort-container {
  font-size: 14px;
}

.content_paragraph .bigger-text {
  font-size: 22px;
}

.iosbcontent_bullets {
  padding-right: 10px;
}

div.content_abstract_title a, div.diary_entry_abstract_title a, div.publ_abstract_title a, div.design_content div.diary_entry_title {
    color: #557687;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 18px;
    text-align: left;
}

div.content_thumbnail_title a, div.product_thumbnail_title a {
    color: #557687;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 18px;
    text-align: left;
}

div.content_abstract_title a:hover, div.diary_entry_abstract_title a:hover, div.publ_abstract_title a:hover, div.content_thumbnail_title a:hover, div.product_thumbnail_title a:hover {
    color: #506F7E;
    text-decoration: underline;
}

.dctitle a {
  color: #FFFFFF;
}

div.design_abstract_diary {
  margin: 10px auto;
}

textarea {
  resize:none
}

div.iosnodetabcontent div.design_box {
  border-top-right-radius: 5px;  
  border-top-left-radius: 0px;  
}


div.design_profiletabbox {
  border-bottom-right-radius: 5px;  
  border-bottom-left-radius: 5px;  
  border-top-right-radius: 5px;  
}

div.design_thumbnail, div.design_abstract {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}


span.link img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;

}

span.link img:hover {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

span.note_ref {
  border-radius: 5px;
  background-color: silver; 
  padding-left: 5px;
  padding-right: 5px;
  color: white;
 
}

span.note_ref:hover {
  background-color: black; 
}

span.note {
  border-radius: 5px;
  max-width: 250px;
  box-shadow: 5px 5px 5px #888888;
}



/* Custom site colours */

a.iospreviousnextpage {
  background-color: green;
  color: white;
  padding: 2px;
  margin: 2px;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 0px;
  cursor: pointer;
  width: 75px;
  display: inline-block; 
  padding: 5px;
  text-align: center;
}

a.iospreviousnextpage:hover {
  background-color: rgb(173,0,0);
}

/*a.iosbasketitemremove, input.ioscheckoutbutton, input.iosupdatebasketbutton */
input.iossearchbutton, input.iostextmessagesendbutton, input.iostextmessagesearchbutton, input.iosforgottenpasswordbutton, input.iosquicksignupbutton, input.iosloginbutton, input.iospendscript, input.iosbasketitemreorderbutton, input.iosbasketitemsavebutton, input.iospendscriptbutton, input.ioseditorbutton, input.iostsvreport, input.iosimagecropbutton, div.iostextmessagereply a, div.iostextmessagedelete a, div.design_associatelink a, .primary, .ba_abstract_document a {
  background-color: #AFBCC3;
  padding: 2px 10px;
  border-radius: 4px;
  border: solid 1px silver;
  cursor: pointer;
}

/*a.iosbasketitemremove:hover, input.ioscheckoutbutton:hover, input.iosupdatebasketbutton:hover */
input.iossearchbutton:hover, input.iostextmessagesendbutton:hover, input.iostextmessagesearchbutton:hover, input.iosforgottenpasswordbutton:hover, input.iosquicksignupbutton:hover, input.iosloginbutton:hover, input.iospendscript:hover, input.iosbasketitemreorderbutton:hover, input.iosbasketitemsavebutton:hover, input.iospendscriptbutton:hover, input.iostsvreport:hover,  input.iosimagecropbutton:hover, div.iostextmessagereply a:hover, div.iostextmessagedelete a:hover, div.design_associatelink a:hover, .primary:hover, .ba_abstract_document a:hover {

  background-color: #557687;
  color: #FFFFFF;
}


/* input.ioscheckoutbutton, input.iosupdatebasketbutton */

.product_content_buy_link {
    background: linear-gradient(to bottom, #d8f829 0%, #799702 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid silver;
    border-radius: 5px;
    clear: both;
    color: #333333;
    cursor: pointer;
    display: block;
    float: right;
    padding: 5px 10px;
    text-align: center;
    width: 150px;
}


.product_content_buy_link a {
   color:white;
}

.product_content_buy_link:hover {
    background: linear-gradient(to bottom, #cbec17 0%, #5f7505 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}




input.iostextmessagesendbutton, input.iostextmessagesearchbutton, input.iosforgottenpasswordbutton, input.iosquicksignupbutton, input.iosloginbutton, input.iospendscriptbutton {
  margin-top: 4px;
}


input.iossavebutton {
  margin: 3px 0;
  background-color: #548C22;
  width: 150px;
  color: #FFFFFF;
  padding: 4px;
  border-radius: 5px;
  border-style: solid 0px silver;
  cursor: pointer;
}

.iosbasketlinks {
  clear: both;
  float: left;
}

.iosbasketadd, .iosbasketremove, .ioscheckoutbutton, .iosupdatebasketbutton, input[name='LibriosSaveBasket'], .linkbutton, .inputbutton {
  color: #333333;
  padding: 5px 10px;
  cursor: pointer;
  border: 1px solid silver;
  border-radius: 5px;
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and chrome */
  -khtml-border-radius: 5px; /* Linux browsers */
}

.inputbutton {
  padding: 2px 5px;
}

.iosbasketadd:hover, .iosbasketremove:hover, .ioscheckoutbutton:hover, .iosupdatebasketbutton:hover, input[name='LibriosSaveBasket']:hover, .linkbutton:hover, .inputbutton:hover {
  color: #ffffff;
}

.iosbasket .iosbasketremove {
  /*padding: 0;*/
  text-align: center;
  margin-left: 20px;
  width: 100px;
}

.iosbasket .iosbasketitemremove {
  /*padding: 2px;*/
  display: block;
  color: #333333;
}

.iosbasket .iosbasketitemremove:hover {
  display: block;
  color: #FFFFFF;
}

.ioscheckoutbutton {
 margin: 0 0 5px 5px;
}

input.primary {
  height: 30px;
  width: 100px;
  margin: 0;
  padding: 0;
  color: #626262;
  font-family: GandhiSans-Regular, Arial, Sans-serif;
  font-size: 16px;
}

.primary:hover {
  color: #FFFFFF!important;
  text-decoration: none!important;
}

div.iosbasketlinks span a, div.component_linkbuttons a, div.component_linkbuttons input, div.component_button a, div.component_bookmarks a, div.component_connectionrequests a {
  display: block;
  margin: 3px 0;
  background-color: #AFBCC3;
  width: 150px;
  color: #FFFFFF;
  font-size: 12px;
  padding: 4px 0;
  border-radius: 5px;
  border-style: solid 0px silver;
  text-align: center;
}

div.component_linkbuttons a, div.component_linkbuttons input, div.component_bookmarks a, div.component_connectionrequests a  {
  margin-left: auto;
  margin-right: auto;
}



div.component_connectionrequests a {
  background-color: #4A99AA;
}

div.component_button a:hover, div.iosbasketlinks span a:hover, div.component_linkbuttons a:hover, div.component_linkbuttons input:hover, div.component_bookmarks a:hover, div.component_connectionrequests a:hover, input.iossavebutton:hover {
background-color: #557687;
}

div.iosmessageicon {
  display: none;
}

div.iosmessagetext {
  font-size: 11px;
  font-weight: bold;
}

div.iosmessagebuttons {
  margin-top: 10px;
}

div.iosmessagebuttons a {
  display: inline-block;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 0;
  margin-right: 5px;
  background-color: #4A73AA;
  width: 100px;
  color: white;
  padding: 4px;
  border-radius: 5px;
  border-style: solid;
  border-color: silver;
  border-width: 0px;
}

div.iosmessagebuttons a:hover {
  background-color: rgb(173,0,0);
}

img.iosdocument {
  background-color:;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  border-style: solid;
  border-color: silver;
  border-width: 1px;
  box-shadow: 5px 5px 5px #ccc;
  
}

/* Gradients */

.vgrad1, .iossearchbutton, .primary, .iosupdatebasketbutton, input[name='LibriosSaveBasket'], .linkbutton, .inputbutton, .ba_abstract_document a {
  background: #ffffff; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDNkM2QzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #ffffff 20%, #d3d3d3 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#d3d3d3)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 20%,#d3d3d3 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 20%,#d3d3d3 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 20%,#d3d3d3 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 20%,#d3d3d3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-8 */
}

.vgrad1:hover, .iossearchbutton:hover, .primary:hover, .iosupdatebasketbutton:hover, input[name='LibriosSaveBasket']:hover, .linkbutton:hover, .inputbutton:hover, .ba_abstract_document a:hover {
  background: #b0ccd9; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNiMGNjZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQ2MTdiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #b0ccd9 20%, #2d617b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#b0ccd9), color-stop(100%,#2d617b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #b0ccd9 20%,#2d617b 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #b0ccd9 20%,#2d617b 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #b0ccd9 20%,#2d617b 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #b0ccd9 20%,#2d617b 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0ccd9', endColorstr='#2d617b',GradientType=0 ); /* IE6-8 */
}

/* add this to elements with gradients on to support IE9 */
.gradient {
  filter: none;
}

/* brown-ish */
.vgrad2 {
  background: #ffffff; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDVhZjgyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #ffffff 20%, #d5af82 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(100%,#d5af82)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 20%,#d5af82 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 20%,#d5af82 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 20%,#d5af82 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 20%,#d5af82 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5af82',GradientType=0 ); /* IE6-8 */
}

vgrad2:hover  {
  background: #ffffff; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGE1ZTJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(top,  #ffffff 10%, #8a5e2a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#8a5e2a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 10%,#8a5e2a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 10%,#8a5e2a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 10%,#8a5e2a 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 10%,#8a5e2a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8a5e2a',GradientType=0 ); /* IE6-8 */
}

/* green-ish */
.vgrad3, .iosbasketadd, .ioscheckoutbutton {
  background: #d8f829; /* Old browsers */
  background: -moz-linear-gradient(top,  #d8f829 0%, #799702 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8f829), color-stop(100%,#799702)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d8f829 0%,#799702 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d8f829 0%,#799702 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d8f829 0%,#799702 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d8f829 0%,#799702 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f829', endColorstr='#799702',GradientType=0 ); /* IE6-9 */
}

.vgrad3:hover, .iosbasketadd:hover, .ioscheckoutbutton:hover {
  background: #cbec17; /* Old browsers */
  background: -moz-linear-gradient(top,  #cbec17 0%, #5f7505 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbec17), color-stop(100%,#5f7505)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #cbec17 0%,#5f7505 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #cbec17 0%,#5f7505 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #cbec17 0%,#5f7505 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #cbec17 0%,#5f7505 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbec17', endColorstr='#5f7505',GradientType=0 ); /* IE6-9 */
}

/* red */
.vgrad4, .iosbasketremove {
  background: #ff6456; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjQ1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDFmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff6456 0%, #ed1f04 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6456), color-stop(100%,#ed1f04)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff6456 0%,#ed1f04 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff6456 0%,#ed1f04 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff6456 0%,#ed1f04 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff6456 0%,#ed1f04 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6456', endColorstr='#ed1f04',GradientType=0 ); /* IE6-8 */
}

.vgrad4:hover, .iosbasketremove:hover {
  background: #ff3019; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}

/* grey to white */
.vgrad5, .design_shaded_container, .abstract-list-buy-books li, .design_pod_box  {
  background: #c0ccd2; /* Old browsers */
  background: -moz-linear-gradient(top,  #c0ccd2 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0ccd2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #c0ccd2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #c0ccd2 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #c0ccd2 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #c0ccd2 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0ccd2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

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

/* Image links */

span.link img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}

span.link img:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

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

div.content_thumbnail_image, div.diary_entry_thumbnail_image, div.media_thumbnail_image {
  width:60px;
  height:60px;
  overflow:hidden;
}

div.profile_thumbnail_image img, div.content_thumbnail_image img, div.diary_entry_thumbnail_image img, div.media_thumbnail_image img {
  height: 100%;
  width: 100%;
}


div.content_abstract_image, div.diary_entry_abstract_image, div.media_abstract_image {
  width:80px;
  height:80px;
  overflow:hidden;
}

div.content_abstract_image img, div.diary_entry_abstract_image img, div.media_abstract_image img {
  height: 100%;
  width: 100%;

}

div.component_contentcontrol, div.component_search {
  min-height: 500px;
}

.template_content div.component_contentcontrol {
  min-height: auto; /*350px*/
}

/* Rich editing */

div.iosdynamicsearchcontent {

height: 350px;
overflow: auto;

}

div.iosdynamicsearchoverlay {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: white;
      z-index: 2000;
      display: none;
   }

div.iosdynamicsearchbox {
      position: fixed;
      top: 100px;
      left: 30%;
      width: 100%;
      height: 100%;
      background-color: white;
      border-width: 3px;
      border-style: solid;
      border-color: black;
      margin: 0px;
      width: 600px;
      height: 400px;
      z-index: 2001;
      display: none;
      padding: 10px;
      text-align: left;
   }

a.iosimagecrop{ 
  padding-left: 2px;
  padding-right: 2px;
}

a.iosimagecrop, button.iosdynamicsearch, button.iosnavigatorreorder, button.iosversioncontrolcompare {
  border-width: 1px;
  border-style: solid;
  border-color: black;
  margin: 2px;
  background-color: white;
  color: black;
  font-size: 10px;
  border-radius: 5px;
  cursor: pointer;
}


a.iosimagecrop:hover, button.iosdynamicsearch:hover, button.iosnavigatorreorder:hover, button.iosversioncontrolcompare:hover {
  background-color: black;
  color: white;
}




span.iosricheditparagraphgroup, span.iosricheditcharactergroup, span.iosricheditlinkgroup, span.iosricheditspecialcharacters {
}

span.iosricheditparagraphgroupcaption, span.iosricheditcharactergroupcaption, span.iosricheditlinkgroupcaption, span.iosricheditspecialcharacterscaption {
  position:relative;
  display:inline-block;
}

span.iosricheditparagraphgroupitems, span.iosricheditcharactergroupitems, span.iosricheditlinkgroupitems, span.iosricheditspecialcharactersitems {
   position:absolute;
   display:inline;
   margin-top: -2px;
   background-color: white;
   border-style: solid;
   border-width: 1px;
   border-color: silver;
   white-space: nowrap;
   margin-top: 0px;
   padding: 3px;
   z-index: 1;
   min-width: 100%;

}


div.iosrichedittoolbar button.iosricheditparagraph {
  background-color: LightBlue;   
}

div.iosrichedittoolbar button.iosricheditcharacter {
  background-color: white;   
}

div.iosrichedittoolbar button.iosricheditcommand, div.iosrichedittoolbar button.iosricheditspecialcharacters {
  background-color: LightYellow;   
}


span.iosricheditparagraphgroup {
  position: relative;
}



div.iosrichedittoolbar button {
  font-family: arial;
  border-width: 1px;
  border-style: solid;
  border-color: silver;
  margin: 2px;
  padding: 0px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: white;
  color: black;
  font-size: 11px;
  border-radius: 5px;
  cursor: pointer;
  display: inline;
  height: 20px;
}


div.iosrichedittoolbar button span.iosbuttoncaptiontext {
  padding: 0px;
  display: block;
  float: left;
  height: 16px;
}

div.iosrichedittoolbar button:hover {
  background-color: silver;
}



div.iosrichedittoolbar button.selected {
  border-color: silver;   
}


div.iosrichedittoolbar button img {
  display: block;
  margin: 0px;
  padding: 0px;
  float: left;  
}

/* #forum
================================================== */
.comments .iostextmessagethumbnail {
  float: left;
  width: 20%;
}

.comments .iostextmessagemessagearea {
  background: none repeat scroll 0 0 #EEEEEE;
  border-left: 4px solid #557687;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  margin-left: 5%;
  padding: 2% 1%;
  width: 72%;
  display: inline-block;
}

div.design_message_box {
  margin: 10px 0;
}

.component_indent {
  margin: 10px;
}

.iostextmessagefromuser {

}

div.iostextmessagedelete, div.iostextmessagereply {
  text-align: right;
  margin-bottom: 10px;
}

.iostextmessage {
  font-size: 14px;
}

div.iostextmessagereplybox2 {
  clear: both;
}


div.iostextmessagereplybox1 {
   clear: both;
}

div.iostextmessagereply {
} 

div.iostextmessagedetails {
  display: inline-block;
  width: 96%;
  padding: 2%;
}

div.iostextmessage {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;

}

div.iostextmessagebox {
  display: block;
  background-color: white;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #EDEDED;
}

div.iostextmessagenewmessage {
  background-color: AliceBlue;
}


div.iostextmessagemessagearea {
  height: 100%;
  display: block;
  margin-left: 0px;
  margin-left: 140px;
  
}

div.iostextmessagedelete {
  width: 100%;
}

div.iostextmessagenewdiscussion {
  clear: both;
 
}


div.iostextmessagethumbnail {
  display: inline-block;
  float: left; 
  height: 100%;
  clear: both;
}

 div.iostextmessagethumbnail div.design_thumbnail{
  float: none;
  height: 100%;
} 



/* login */

div.ioslogintext {
  font-size: 10px;
  font-family: verdana;
}

div.libriosloginbutton {
  text-align: right;
}

input.libriosusername, input.libriospassword {
  width: 110px;
}

/* Basket */

input.iosselectbasketitem {
  background-color: white;
  width: 25px;
  height: 25px;
  font-size: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: silver; 
  padding: 1px;
  color: green; 
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
 
}


table.iossimplebasket tr td {
  border-right-width: 5px;
  border-right-style: solid;
  border-right-color: transparent;
}

div.iosbasketoperations {
  background-color: #FFF8DC;
  margin-top: 20px;
  padding: 10px;
}

div.iosbasketoperationselectall, div.iosbasketoperationselectnone, div.iosbasketoperationremove {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.iosbasketoperationselecteditems {
  margin-top: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: silver;
  padding: 10px; 
  margin-bottom: 10px;
}

div.iosbasketoperationselecteditemsheading {
  font-weight: bold;
}




/* buttons */
input.button {   
  color:#050;   
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
  background-color:#fed;   
  border: 1px solid;   
  border-color: #696 #363 #363 #696;   
  filter:progid:DXImageTransform.Microsoft.Gradient   
  (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
}   

input.buttonhover {   
   border-color: #c63 #930 #930 #c63;   

}

span.design_button {
  margin-bottom: 6px;
  
}

span.design_button a {
  border-width: 0px;
  border-style: solid; 
  border-color: red;
  color: white;
  width: 100%;
  height: 100%;
  padding: 6px;
  background-color: #548C22;
}

span.design_button a:hover {
   background-color: #B20000;
}


/* Special effects */
div.rotatedtext {
  rotation: 90deg !important;
  rotation-point: 10px 10px;
  -webkit-transform: rotate(90deg); 
  -webkit-transform-origin: 8px 8px;
  -o-transform: rotate(90deg); 
  -o-transform-origin: 8px 8px;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 8px 8px;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), alpha(opacity = 60); 
  -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  opacity: 0.6;
  position: absolute;
  margin-top: 0px;
  margin-left: 10px;
  background-color: rgb(26,26,26);
  padding-left: 5px;
  padding-right: 5px;
  max-width: 300px;
  height: 18px;
  overflow: hidden;
}


/* Basket */


table.iosbasket {
  width: 100%;
}


textarea.basketitemcomment {
  width: 90%; 
  overflow: auto;
}

tr.basketlineheadingb {
}


tr.basketlinecommenta, tr.basketlinecommentb {
  border-top-width:20px;
  border-top-style:solid;
  border-top-color:white;
  border-bottom-width:20px;
  border-bottom-style:solid;
  border-bottom-color:white;
}


tr.basketlineheadingb {
}

div.iosbasketitemsave {
  text-align: right;
  margin-top: 4px;
  padding-bottom: 8px;
  border-bottom-width:1px;
  border-bottom-style:dashed;
  border-bottom-color:silver;

}

div.iosbasketitemsave input {
  font-size: 10px;
}

input.basketitemreorder {
  font-size: 8px;
}



span.iostagcloudlevel0 {
    font-weight: 100;
    font-size: 9px;
    padding-right: 5px;
  }

span.iostagcloudlevel1 {
    font-weight: 100;
    font-size: 10px;
    padding-right: 5px;
  }

span.iostagcloudlevel2 {
    font-weight: 200;
    font-size: 11px;
    padding-right: 5px;
  }

span.iostagcloudlevel3 {
    font-weight: 300;
    font-size: 12px;
    padding-right: 5px;
  }

span.iostagcloudlevel4 {
    font-weight: 400;
    font-size: 13px;
    padding-right: 5px;
  }


span.iostagcloudlevel5 {
    font-weight: 500;
    font-size: 14px;
    padding-right: 5px;
  }


span.iostagcloudlevel6 {
    font-weight: 600;
    font-size: 15px;
    padding-right: 5px;
  }


span.iostagcloudlevel7 {
    font-weight: 700;
    font-size: 16px;
    padding-right: 5px;
  }

span.iostagcloudlevel8 {
    font-weight: 800;
    font-size: 17px;
    padding-right: 5px;
  }


span.iostagcloudlevel9 {
    font-weight: 900;
    font-size: 18px;
    padding-right: 5px;
  }


span.iostagcloudlevel10 {
    font-weight: 900;
    font-size: 19px;
    padding-right: 5px;
  }


/* #Diary entry - Thumbnail display
================================================== */

.design_thumbnail_diary_entry .design_date_container {
    border: 2px solid #2B415F;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    width: 60px;
}

.design_thumbnail_diary_entry .design_date_title {
    background: none repeat scroll 0 0 #2B415F;
    color: #FFFFFF;
    padding: 2px;
}

.design_thumbnail_diary_entry .diary_entry_design_date {
    background-color: #FFFFFF;
    color: #EE1C25;
    font-size: 26px;
    font-weight: 400;
}

.design_thumbnail_diary_entry {
    border-bottom: 1px dotted #C0C0C0;
    clear: both;
    content: "";
    display: table;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.design_thumbnail_diary_entry_container {
    float: left;
    margin-right: 10px;
    position: relative;
    width:82px;
    margin-bottom:10px;
}

.diary_entry_thumbnail_title {
    font-size: 1.3em;
    margin: 0 0 5px;
}

.diary_entry_abstract_time, .diary_entry_abstract_description, .diary_entry_abstract_location {
    font-size: 1em;
}

.diary_entry_abstract_location {
    background: url("/resources/custom/images/icon-profile-city.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    margin-right: 10px;
    float: left;
    padding: 0 0 5px 17px;
}