/*
        Theme Name: twinsuk
        Theme URI: http://www.twinsuk.ac.uk/
        Description: twinsuk
        Author: LastDoor Solutions - www.lastdoorsolutions.com
        Version: 1.7
        Tags:  twinsuk, purple, kings college, red 
*/
@import url("lib/fonts/stylesheet.css");
/*
    font-family: 'Swis721CnBTRoman';
    font-family: 'Swis721CnBTBold';
*/


/*=Reset
------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/*=Global
-------------*/
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #666; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family:'Swis721CnBTBold'; }
h1 { font-size:30px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
h6 { font-size:12px;}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{color:#704071}

.content h2{font-size:18px; padding-bottom:5px;}
.content h3{font-size:16px;}
.content h4{font-size:14px;}
.content h5{font-size:12px;}
.content h6{font-size:12px;}

a:hover, a:active, a:focus { outline: none; }
a, a:active, a:visited { color: #703D6E; }
a:hover { color: #AB1111; }

::-moz-selection{ background: #704071; color:#fff; text-shadow: none; }
::selection { background:#704071; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #704071; }

ul, ol { margin-left: 1.8em; padding-left:15px; }
ol { list-style-type: decimal; }

p { margin:0 0 20px 0; color:#666666;}

nav ul, nav li { margin: 0; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }

.ie7 img { -ms-interpolation-mode: bicubic; }

/*=Normalize forms
-------------------*/
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
button {  width: auto; overflow: visible; }

/*=Helper classes
---------------------*/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.col { display:inline; float:left;}

/* Semantic clearfix hack
---------------------------*/
.group:before, .group:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.group:after { clear: both; }
.group { zoom: 1; }
.clear { clear:both; height:0; width:100%; overflow:hidden;}

/*=Default Wordpress Styles
---------------------------------------*/

/* Aligns, prev next links */
.alignleft {float:left;}
.alignright {float:right;}
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.navigation, .comment-navigation {display: block;clear:both;}
.navigation {	margin-top: 40px; padding-bottom: 70px;	}
.comment-navigation {margin-top: 15px;	padding-bottom: 5px;}		
.navigation a, .comment-navigation a {}
.navigation a:hover, .comment-navigation a:hover {}
.attachment a { border:0}
.navigation a img {border-radius:0; border:none}
.navigation-image a {border:none}	

/* images */
p img { padding: 0; max-width: 100%;}
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/* Captions */
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #fafafa;	padding-top: 5px;	margin: 5px 25px 25px 0px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {	margin: 0;	padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 16px;	padding: 4px 4px 5px 0;	margin: 0; color:#666;}

/* Various Tags & Classes */
acronym, abbr, span.caps { cursor: help;}
acronym, abbr {	border-bottom: 1px dashed #999;}
blockquote {padding-left: 20px; background:url(images/bg-blockquote.jpg) repeat-y left; color:#607880;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
.hidden { display: none;}	
.screen-reader-text { position: absolute; left: -1000em;}


/*=Layout
-------------*/
body { font-family:arial,helvetica,sans-serif; font-size:14px; line-height:20px; background:#CCD6D9; padding:10px 0; }
a { color:#703D6E;}
.button{
    font-family: 'Swis721CnBTRoman';
    font-size: 12px;
    color:#703D6E;
    background:#FFFFFF;
    padding:3px 10px;
    text-transform:uppercase;
    text-decoration:none;}
.button:hover{
    color:#703D6E;
    background:#CCCCCC;}

.purple{color:#FFFFFF!important; background-color:#703D6E!important;}
.purple:hover{background:#8A4A89;}		

.content_wrapper{
    display:block;
    overflow:hidden;}



/*------------------------------*/

#main{margin:0 auto; width:1000px;}

#header{
    background:url(images/header-bg.png) repeat-x top;
    margin-bottom:10px;}

#logo{
    float:left;}

#logo a{
    display:inline-block;
    background:url(images/logo.png) no-repeat top left;
    width:135px; height:100px;
    text-indent:-999em;}

#primary-nav{
    margin-bottom:7px;
}

#primary-nav li{
    display:table-cell;
    vertical-align:baseline;
}

#primary-nav li:first-child a{
    background:url(images/home-icon.png) no-repeat top left;
    width:25px; height:26px;
    text-indent:-999em;
    padding:0 10px 0 0;
}

#primary-nav li:first-child a:hover{background:url(images/home-icon.png) no-repeat bottom left;	}

#primary-nav li:last-child a{
    border-right:none;
}

#primary-nav a{
    border-right:1px solid #DEDBE3;
    font-family: 'Swis721CnBTBold';
    font-size:14px;
    text-align:left;
    padding:0 10px;
    text-transform: uppercase;
}

/*--------------*/
#sec-nav{
    float:right;
    padding-right:10px;}

#sec-nav li{
    float:left;}

#sec-nav a{
    font-family: 'Swis721CnBTRoman';
    font-weight: bold;
    font-size:14px;
    color:#8A8A8A;
    text-decoration:none;
    padding:0 10px;
    border-right:1px solid #CCC;}

#sec-nav a:hover{
    color:#444444;}

#searchform{
    float:right;
    padding-right:15px;}

#searchform .text-box{
    float:left;
    border:1px solid #E4E4E4;
    border-bottom-width:2px;
    font:11px Arial, Helvetica, sans-serif; color:#CCC;
    height:16px; width:150px;
    padding-left:5px;}

#searchform .text-box:focus{
    color:#666;}

#searchform .submit{
    float:left;
    background:url(images/search-submit.png) no-repeat;
    text-indent:-999em;
    border:0;
    height:21px;}

/*------------------ Breadcrumb -------------------*/
#breadcrumb{
    margin:0; padding:5px 0 0 0; list-style:none;}

#breadcrumb li{
    float:left;
    font:bold 11px Arial, Helvetica, sans-serif; color:#6F8B94;
    padding-right:10px;}

#breadcrumb li a{
    float:left;
    font-weight:normal; color:#6F8B94; text-decoration:none;}

#breadcrumb li a:hover{text-decoration:underline;}

/*----------------------------------*/
#billboard{
    background:url(images/twins-uk.jpg) no-repeat top left;
    width:1000px; height:200px;
    color:#FFFFFF;
    overflow:hidden;}

.interior #billboard{
    width:780px; height:200px;
    border-bottom:10px solid #CCD6D9}

.billboard-text{
    float:left;
    width:660px;
    padding:30px 0 0 30px;
}

.billboard-text h1{
    font-family: 'Swis721CnBTBold';
    font-size:35px;
    padding-bottom:15px;
}

.billboard-text p{
    font-family: 'Swis721CnBTRoman';
    font-size:20px;
    line-height:1.4;
    color:#FFFFFF;
}

/*-------------------------------*/
#home section, body#timeline section{
    background-color:#FFFFFF;
    float:left; display:inline;
    width:495px;
    position:relative;}	


#news-home{
    margin-right:10px;
    background:url(images/purple_bg_repeat.png) repeat-y left;}	

#news-home .item{
    width:490px;}	

#news-home .item header{
    margin-bottom:20px;}	

#news-home a{
    text-decoration:none;}	
#news-home .readmore{
    padding-left: 85px;
}

#news-home h2{
    padding:15px 0 15px 20px;
    font-family: 'Swis721CnBTBold'; font-size:18px; color:#703D6F;
}

.item h3{
    font-family: 'Swis721CnBTRoman'; font-size:18px; color:#703D6F; font-weight:normal;
    padding-left:86px;
    margin-top:10px;
    line-height:1;}

#news-home .item-meta{
    float:left;
    background:url(images/purple-repeat.png) repeat;
    font-family:arial,helvetica,sans-serif; font-size:11px; line-height:1;
    text-align:right;
    color:#FFFFFF;
    width:55px;
    padding:5px 10px;
    margin-top:10px;}

#news-home .item-meta span{
    display:block;
    font-size:15px;}

#news-home p{
    padding-left:85px;
    font-family:arial,helvetica,sans-serif; color:#666; line-height:20px;}

#news-home .node-link,
#major-projects .node-link{
    padding-left:85px;
    position:absolute;
    bottom:0;}

#major-projects .node-link{
    padding-left:19px;}

/*---------------------*/
.slides{
    position:relative;
    padding-bottom:35px;}

.slides .pagination{
    position:absolute;
    top:-30px;
    right:20px;
    list-style:none;}

.slides .pagination li{
    float:left;
    display:inline;
    margin-left:5px;}

.slides .pagination a{
    float:left;
    width:14px; height: 12px;
    background-image: url(images/slide-navigator.png) ;
    background-repeat: no-repeat ;
    background-position: bottom;
    text-indent:-999em;}

.slides .pagination a:hover,	
.slides .pagination li.current a{background-position: top;}

.slides_container{
    min-height:480px;}

/*----------Sidebar------------*/

#sidebar{
    float:left;
    position:relative;
    display:inline;
  margin-bottom: -5000px; /* any large number will do */
  padding-bottom: 5000px;
    background:#FFFFFF url(images/purple_bg_repeat.png) repeat-y left;}	

.interior #sidebar{
    float:left;
    width:210px;}	

#sidebar section{
    float:left;
    background:#FFFFFF url(images/grey_bg_repeat.png) repeat-y left;
    padding-left:10px;
    width:485px;}

#sidebar .major-projects{position:relative;}

#sidebar h2{
    background:#6F8B94;
    font-family: 'Swis721CnBTBold'; font-size:18px; color:#FFF;
    padding:20px 50px 20px 15px;} 

#sidebar .item{
    background:url(images/bg-item.png) repeat-y left;
    padding:15px;
    border-bottom:1px solid #CCD6D9;}

#sidebar .item header{
    padding:0 0 15px 0;}

#sidebar .item h3{
    padding:0; margin:0;}

#sidebar .item h3 a{
    color:#6E8B93;
    text-decoration:none;
    text-transform: uppercase;
}

#sidebar .item h3 a:hover{
    color:#546972}

#sidebar .item p{
    color:#666;
    line-height:20px;}	

.widget-container{
    margin-bottom:10px;}

.widget-sub-menus{
    background:#FFFFFF url(images/purple_bg_repeat.png) repeat-y left;
    padding-left:10px;
}	

.widget-sub-menus .widget-title{
    font-family: 'Swis721CnBTBold';
    font-size:18px;
    color:#703D6F;
    border-bottom:1px solid #CCD6D9;
    padding:10px;
}

.widget-sub-menus ul{
    margin:0; padding:0 10px 10px 10px; list-style:none;
}

.widget-sub-menus li{
    padding:6px 0;
    border-bottom:1px dashed #607880;
}

.widget-sub-menus li a{
    font-family: 'Swis721CnBTBold';
    font-size:13px;
    color:#607880;
    text-decoration:none;
}

.widget-sub-menus li a:hover{
    color:#703D6F;
}

.widget-sub-menus ul ul{
    margin:0; padding:0;
}

.widget-sub-menus li li{
    border-bottom:none;
    background:url(images/bg-sub-menu.png) no-repeat 5px 12px;
    padding-left:20px;

}

.widget-sub-menus li li a{
    font-family: 'Swis721CnBTRoman';}

#text-3 .widget-title,
#text-4 .widget-title,
#text-5 .widget-title,
.widget-buttons .widget-title{display: none;}

.widget-buttons{height:auto;}
#home .widget-buttons{height:auto;}
.widget-buttons ul{margin:0; padding:0; list-style:none;}
.widget-buttons li{padding:10px 0; background:url(images/seperator.png) repeat-x top;}
.widget-buttons .entry{position:absolute; bottom:0;}



/*------------ Buttons -------------*/
.buttons{
    display:inline-block;
    margin:0; padding:0;
    margin-top:10px!important;
    list-style:none;
    clear:both;}

.buttons li{
    float:left;
    width:242px; height:175px;
    background:#FFFFFF url(images/stripe-border-horizontal.png) repeat-x bottom;
    margin-right:10px; padding:0;}	

.buttons li.last{
    margin-right:0px;}	

.buttons a{
    display:table-cell; vertical-align:bottom;
    width:222px; height:100px;
    background-color:#6F8B94;
    padding:0 10px;
    font-family: 'Swis721CnBTBold';
    font-size: 18px;
    text-decoration:none; color:#FFFFFF;
    background-image:url(images/spirit-buttons.jpg);
    background-repeat:no-repeat;
    text-indent:-999em;}

.buttons p{
    float:left;
    padding:10px;
    font:12px/16px Georgia, "Times New Roman", Times, serif;
    color:#779199;}

.buttons li.first a{background-position:0 0;}	
.buttons li.second a{background-position:0 -100px;}	
.buttons li.third a{background-position:0 -200px;}	
.buttons li.last a{background-position:0 -300px;}

.buttons li.first a:hover{background-position:-242px 0;}	
.buttons li.second a:hover{background-position:-242px -100px;}	
.buttons li.third a:hover{background-position:-242px -200px;}	
.buttons li.last a:hover{background-position:-242px -300px;}


#news-home .button{color:#FFFFFF;background:#703D6E;}
#news-home .button:hover{background:#8A4A89;}

#major-projects .button{color:#FFFFFF;background:#6F8B94;}
#major-projects .button:hover{background:#91A5AC;}


/*--------------- Footer ---------------*/
#footer{ background:url(images/bg-footer.png) repeat-x top; margin-top:5px;}

#sponsors{
    float:left;
    background:url(images/major-research-sponsors.png) no-repeat top left;
    margin:0; padding:0; list-style:none;}

#sponsors li{
    display:table-cell;
    height:100px;
    vertical-align:middle;
    padding:0 20px;}

#sponsors li.first,
#sponsors li:first-child{
    font-family: 'Swis721CnBTRoman';
    font-size:16px;
    color:#6F8B94;
    padding:0px 25px;}


#social{
    float:right;
    margin:0; padding:30px; list-style:none;}	

#social li{
    float:right;
    margin-left:5px;}

#social .heading{
    float:none;
    font-family: 'Swis721CnBTRoman';
    font-size:16px;
    color:#6E8B93;
    padding-bottom:5px;
}

#social li a{
    float:left;
    width:20px; height:20px;
    text-indent:-999em;
    background-repeat:no-repeat ;
    background-position:top;
}

#social li a:hover{background-position:bottom;}
#social .facebook a{background:url(images/facebook-icon.png) no-repeat top;}	
#social .youtube a{background:url(images/youtube-icon.png) no-repeat top;}
#social .twitter a{background:url(images/twitter-icon.png) no-repeat top;}

/*------------------------*/
#info{
    display:inline-block;
    width:100%;
    clear:both;
    font:11px Georgia, "Times New Roman", Times, serif;
    color:#6E8B93;
    margin-top:10px;}

#info .disclaimer a{
    color:#6F8B94;}

#info .disclaimer{
    float: right;}

#info .webby,
#info .webby a{
    color:#A2B4BA;}
#info a:hover{
    text-decoration:none;}
#info p{
    margin:0 0 10px;}

/*------------- Container -------------*/

.container{
    float:left;
    display:inline;
    margin-left:10px;
    width:780px;
    background:#FFF;}	

.container.fullwidth{width:1000px; padding:0;}

.content{
    background:#FFFFFF url(images/purple_repeatx.png) repeat-x top;
    padding:30px;}

.content h1{
    font-family: 'Swis721CnBTBold';
    font-size:26px;
    color:#704071;
    padding-bottom:15px;}

.content h2 a{
    color:#704071;
    padding:10px 0;
    text-decoration: none;
}

.content h3{
    color:#637C85;
    padding:10px 0;}

.content a{color:#637C85;}
.content a:hover{text-decoration:none;}

.content .article-list{margin:0; padding:0; list-style:none;}

.content .article-list li{
    background:url(images/seperator-grey.png) repeat-x bottom; overflow:hidden; padding-bottom:30px; margin-bottom:30px;}

.content .article-list li li{
    background: none;
    padding-bottom: 5px;
    margin-bottom: 5px;

}
.content .article-list li ul{
    list-style: disc;  
}
.article-list h2{
    padding:0 0 10px 0;}

.detail{
    overflow: hidden;
}

.slideshowlink {
    display: none;
}

.post table{
    border: 1px solid #ccc;
    width: 100%;
}

.post td, .post th{
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 5px;
    text-align: left;
}

/** Login Form **/
.form-container{
    margin-top: 40px;
    font-family: arial; 
    color: #8a8a8a;
    font-size: 14px;
}
.success.message {
    background: none repeat scroll 0 0 #836082;
    color: #FFFFFF;
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 105px;
    padding: 5px 10px;
}
.failed.message {
	color: #900;
}
.success.lost-password.message {
    margin-right: 0;
}
.box-container{
    background: #fdfdfd;
    border: 1px solid #e9e1e8;
    font-size: 13px;

    -moz-border-radius: 4px;
    -webkir-border-radius: 4px;
    border-radius: 4px;
}
.box-container .col{
    width: 260px;
    padding: 30px 70px 30px 30px;
}
.box-container .login-area{
    border-right: 1px solid #eae8ea;
}
.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="tel"],
.form-container input[type="email"],
.form-container textarea,
.form-container select {
    border: 1px solid #d2d2d2;
    background: #fff;
    color: #a1a1a1;
    font-family: arial;
    font-size: 13px;
    line-height: 1;
    width: 255px;
    padding: 8px 20px 8px 13px;

    -moz-border-radius: 3px;
    -webkir-border-radius: 3px;
    border-radius: 3px;
     resize: none;
}
.form-container input[type="text"]:focus,
.form-container input[type="password"]:focus,
.form-container input[type="email"]:focus,
.form-container textarea:focus {
    color: #44545a;
}
.form-container select{
    padding: 8px 10px 8px 10px;
}
.form-wrapper{
    margin: 0;
    padding: 0;
}
.form-wrapper li{
    margin-bottom: 20px;
}
.form-wrapper li:last-child{
    margin-bottom: 0;
}
.form-container  .form-wrapper .user-name,
.form-container  .form-wrapper .user-password{
    padding: 8px 20px 8px 35px;
}
.form-container .form-wrapper .user-name{
    background: url(images/icon-user.png) no-repeat 13px center;
}
.form-container .form-wrapper .user-password{
    background: url(images/icon-lock.png) no-repeat 13px center;
}
.login-area input[type="text"],
.login-area input[type="password"],
.login-area input[type="tel"],
.login-area input[type="email"],
.login-area textarea,
.login-area select{
    width: 205px;
}
.reset-link{
    text-decoration: none;
    color: #637c85;
    font-family: arial;
    font-size: 13px;
    margin-left: 25px;
    vertical-align: middle;
}
.reset-link:hover{
    color: #44545a;
}
.form-footer{
    padding-top: 10px;
}
.button,
a.button,
button{
    border: 1px solid #7d597c;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'HelveticaWorldBold';
    padding: 7px 20px;

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

    box-shadow: 0px 1px 0px #b88db7 inset;
    -moz-box-shadow: 0px 1px 0px #b88db7 inset;
    -webkit-box-shadow: 0px 1px 0px #b88db7 inset;

    background: #836182; /* Old browsers */
    background: #836182 -moz-linear-gradient(top, rgba(131,96,130,1) 0%, rgba(148,110,147,1) 100%); /* FF3.6+ */
    background: #836182 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(131,96,130,1)), color-stop(100%,rgba(148,110,147,1))); /* Chrome,Safari4+ */
    background: #836182 -webkit-linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: #836182 -o-linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* Opera11.10+ */
    background: #836182 -ms-linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* IE10+ */
    background: #836182 linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* W3C */
}
.button:hover,
a.button:hover,
button:hover {
    box-shadow: 0px 1px 0px #b88db7 inset;
    -moz-box-shadow: 0px 1px 0px #b88db7 inset;
    -webkit-box-shadow: 0px 1px 0px #b88db7 inset;

    color: #fff;
    background: #946e93; /* Old browsers */
    background: #946e93 -moz-linear-gradient(top, rgba(148,110,147,1) 0%, rgba(131,96,130,1) 100%); /* FF3.6+ */
    background: #946e93 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,110,147,1)), color-stop(100%,rgba(131,96,130,1))); /* Chrome,Safari4+ */
    background: #946e93 -webkit-linear-gradient(top, rgba(148,110,147,1) 0%,rgba(131,96,130,1) 100%); /* Chrome10+,Safari5.1+ */
    background: #946e93 -o-linear-gradient(top, rgba(148,110,147,1) 0%,rgba(131,96,130,1) 100%); /* Opera11.10+ */
    background: #946e93 -ms-linear-gradient(top, rgba(148,110,147,1) 0%,rgba(131,96,130,1) 100%); /* IE10+ */
    background: #946e93 linear-gradient(top, rgba(148,110,147,1) 0%,rgba(131,96,130,1) 100%); /* W3C */
}

.button:active,
a.button:active,
button:active{
    background: #836182; /* Old browsers */
    background: #836182 -moz-linear-gradient(top, rgba(131,96,130,1) 0%, rgba(148,110,147,1) 100%); /* FF3.6+ */
    background: #836182 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(131,96,130,1)), color-stop(100%,rgba(148,110,147,1))); /* Chrome,Safari4+ */
    background: #836182 -webkit-linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* Chrome10+,Safari5.1+ */
    background: #836182 -o-linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* Opera11.10+ */
    background: #836182 -ms-linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* IE10+ */
    background: #836182 linear-gradient(top, rgba(131,96,130,1) 0%,rgba(148,110,147,1) 100%); /* W3C */
}

.loader {
    background-image: url("images/ajax-loader.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
} 
.reset-link {
    float: right;
    margin: 7px 0 0;
	vertical-align: middle;
}
.box-container .register-area{
    width: 240px;
    background: #fff;
}
.register-area .title{
    font-size: 16px;
    color: #637c85;
    background: url(images/icon-add-account.png) no-repeat;
    padding:15px 0 10px 55px;
}
.label{
    color: #637c85;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 30px;
}
label.label,
.label.field-title{
    margin-bottom: 5px;
    display: block;
}
.clearboth{
    clear: both;
}
.req-astrick{
    font-weight: bold;
    font-size: 18px;
}
.form-wrapper .two-col{
    display: inline-block;
    margin-right: 25px;
    vertical-align: top;
	width:290px;
}
.field-required p{
    margin-bottom: 0;
    font-size: 13px;
    padding-top:7px;
    color: #a39e9e;
}
.field-required .error{
    color: #ff0000;
    padding-right: 5px;
}
.field-required input{
    border: 1px solid #f2cccc;
    
    -moz-box-shadow: 0 0 3px #F2CCCC;
    -webkit-box-shadow: 0 0 3px #F2CCCC;
    box-shadow:  0 0 3px #F2CCCC; 
}
.form-wrapper hr{
    margin: 0 -30px;
    color: #dedede;
}
.radio-button {
    color: #666666;
    margin-right: 10px;
}
.radio-button input{
    margin-right: 5px;
}
.form-wrapper input {
    vertical-align: middle;
}
.logout-btn {
    float: right;
    margin-right: 105px;
}

.error-msg{
	color: #CC0000;
	font-size: 12px;}
/*timeline*/
/*-------*/
.init-timeline{
    background: url(images/timeline-front-bg.jpg) no-repeat;
    height: 198px;
    overflow: hidden;
    position: relative;	
}
.init-timeline > div{
    position: absolute;
}
.logo-21{
    background: url(images/timeline-21logo.png) no-repeat;
    display: none;
    height: 88px;
    width: 88px;	
    left: 210px;
    top: 52px;
    z-index: 3;
}
.init-text{
    font-size:22px;
    color: #3a3a3a;
    text-transform: uppercase;
    width: 310px;
    left: 310px;
    top:-10em;  /*68*/
    z-index: 2;
}
.init-text strong{
    display: block;
    font-size: 33px;
    font-weight: normal;	
}
.timeline-arrow{
    background: url(images/timeline-view-btn.png) no-repeat;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height:1.5;
    height: 37px;
    width:143px;
    padding: 9px 25px 9px 54px;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    left: 322px; /*left:602px; */
    top:92px;  
    z-index: 2;
    visibility: hidden;
    cursor: pointer;
}


.timeline-wrapper{
    background: url(images/timeline-bg.jpg);	
}
div#timeline{
    background: url(images/dark_grey_bg_repeat.jpg) repeat-y left top;
    display: none;
    padding: 10px 0 0 15px;	
    overflow: hidden;
    height: 1px;
}
#fancy-content{
    max-width:1000px;
    margin: 0 auto;
}

ul{
    list-style: none;
}

.timeline-display-area{
    position: relative;
    height: 310px;
}
.timeline-display-area li{
    float: left;
    min-height: 10px;
    padding: 0 5px;
    position: relative;
    z-index: 1;
    margin-right:2px; 
}
.timeline-display-area li a{	
    background-color: #ccc;
    display: block;
    text-indent: -999em;
    height: 12px;
    width: 12px; 
    border-radius: 20px;	
    position: absolute;	
    box-shadow: 0 0 5px 1px;
    transition box-shadow .5;
    color: transparent;
}
.timeline-display-area li.noevent a{
    background: none!important;	
    box-shadow:none;
}
.timeline-display-area li a:hover, .timeline-display-area li a.current{	
    color: #666;	
}
.timeline-display-area li.noevent a:hover{
    box-shadow:none;
}
.timeline-year-list li{
    background-color: #89898b;
    color: #fff;
    float: left;
    margin-right: 1px;
    padding: 2px 5px;
    font-size: 9px;		
}
.noevent{
    text-indent: -999em;
}

.event-collection{
    display: none;	
}
.line{
    position: absolute;
    z-index: 10;
    width: 1px;
    background-color: #989898;
    top: 0;
}
.pointer{
    border: 9px solid #989898;
    position: absolute;
    z-index: 10;
    height: 0;
    width: 0;
    font-size: 0;	
}
.pointer.top{	border-top-color: transparent; border-right-color: transparent; border-left-color: transparent }
.pointer.bottom{ border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent }
.pointer.left{ border-right-color: transparent; border-top-color: transparent; border-bottom-color: transparent }
.pointer.right{ border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent }





/* Comment Form */
#commentform input {width: 170px;	padding: 4px;	border:1px solid #ccc;	font-size:14px;	font-family:Georgia, Times;	}
#commentform {	margin: 5px 10px 0 0;	padding-bottom:30px; }
#commentform p {margin:0 0 10px 0;font-size: 14px; position:relative;}
#commentform p label { width: 120px; display:block;float:left}
#commentform .required { position:absolute; left:310px; color:red;}
#commentform .comment-notes .required { position:static;}
#commentform textarea {	width: 70%;	padding: 2px;	border:1px solid #ccc;	padding: 4px;	font-family: Georgia, Times;}
.cancel-comment-reply {display: none;}
#commentform #submit {	margin-left: 120px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;border:1px solid #aaa; font-weight: bold}
#commentform small, #commentform #submit {color:#333;text-transform: uppercase;font-family: arial;}
#commentform small {font-size:11px;font-weight: bold}	
#respond h3 { padding-top: 20px; margin-bottom: 10px; }
#commentform .form-allowed-tags { padding-left:120px;}

/** Newsletter **/
.newsletter-list{
    margin:0; padding:0; list-style:none;}
.newsletter-list li{float:left;display:inline; width:215px; text-align:center; padding:10px; margin-left:-1px;}

.video-box{
    width:336px;
    float:left;
    display:inline;
    margin-right:24px;
    margin-bottom:25px;}
.video-box p{
    margin:0;
    padding:0 0 10px;
    min-height:100px;}

.form-element{
    display:block;
    overflow:hidden;
    margin-bottom:10px;
}

.form-element input,
.form-element label,
.form-element textarea{
    float:left;
    display:inline;
}

.form-element label{
    width:200px;}

.dietresult table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.dietresult {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #8C8C8C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    clear: both;
    border-radius: 3px;
}
.fancybox-css h2{
    display: inline-block;
    float: left;
}
.fancybox-css ul{
    width: 85%;
    float: right;
    margin-bottom:15px;
}
.fancybox-css ul li{
    float: left;
    width: 45%;
    margin-right: 5%;
}
.fancybox-css ul li strong{
    text-transform: capitalize;
}
#dietmetab_form .fancybox{
    background: #fff;
    color: #666;
    text-decoration: none;
    padding: 4px 6px;
    border: 1px solid #333;
    border-radius: 5px;
    display: inline-block;
}
#dietmetab_form{
    width:400px;
    margin-bottom: 25px;
}
#dietmetab_form ul{
    padding:0;
    width:100%;
    margin: 0;
}
#dietmetab_form ul li{
    margin-bottom:10px;
}
#dietmetab_form ul li select, #dietmetab_form ul li input, #dietmetab_form ul li textarea{
    width: 50%;
}
#dietmetab_form input[type="submit"]{
    text-transform: capitalize;
}

.dietresult table td, .dietresult table th {
    padding: 10px 15px;
}

#dietmetab_form label{
    text-transform: capitalize;
    float:left;
    min-width:150px;
}

.dietresult table thead th {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
    background: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
    background-color: #8C8C8C;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    border-left: 1px solid #A3A3A3;
}

.dietresult table thead th:first-child {
    border: none;
}

.dietresult table tbody td {
    color: #7D7D7D;
    border-left: 1px solid #DBDBDB;
    font-size: 12px;
    font-weight: normal;
}

.dietresult table tbody .alt td {
    background: #EBEBEB;
    color: #7D7D7D;
}

.dietresult table tbody td:first-child {
    border-left: none;
}

.dietresult table tbody tr:last-child td {
    border-bottom: none;
}

.dietresult table tfoot td div {
    border-top: 1px solid #8C8C8C;
    background: #EBEBEB;
}

.dietresult table tfoot td {
    padding: 0;
    font-size: 12px
}

.dietresult table tfoot td div {
    padding: 2px;
}

.dietresult table tfoot td ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

.dietresult table tfoot li {
    display: inline;
}

.dietresult table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #F5F5F5;
    border: 1px solid #8C8C8C;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
    background: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
    background-color: #8C8C8C;
}

.dietresult table tfoot ul.active, .dietresult table tfoot ul a:hover {
    text-decoration: none;
    border-color: #7D7D7D;
    color: #F5F5F5;
    background: none;
    background-color: #8C8C8C;
}

div.dhtmlx_window_active, div.dhx_modal_cover_dv {
    position: fixed !important;
}

.ui-autocomplete .ui-menu-item {
    font-size: 12px;
}

.fancybox-overlay {
    z-index: 999991;
}

.pr-post {
    padding: 10px 0 20px 0;
}

.image-holder {
    float: left;
    margin-right: 2%;
    width: 35%;
}

.image-holder img {
    height: auto;
    max-width: 100%;
}

.pr-content {
    overflow: hidden;
}

/*=Media Queries
-------------------*/
@media print {
    * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a:after { content: " (" attr(href) ")"; } 
    abbr:after { content: " (" attr(title) ")"; }
    .ir a:after { content: ""; }  
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }  
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}