/* ------------------------------------------------------------------
	CSS used by the framework for displaying certain elements
------------------------------------------------------------------ */

.clear, .clearleft, .clearright {
	height : 	1px;
	font-size : 	1px;
	padding : 0;
	margin : 0;
}

.clear 	    { clear : 	both;	}

.clearright { clear : 	right;	}

.clearleft  { clear : 	left;	}


a:hover img {
	background : 	transparent;
}

body.NoMenuPage div#content {
	margin-left : 	0;
}

body.NoMenuPage div#sidebar {
	display : 	none;
}

body.NoTitlePage div#header {
	height : 	130px;
}

body.NoTitlePage div#header div.InfoBar {
	display : 	none;
}
			
span.amp {
}

span.highlight {
        padding : 	2px 0;
        color : 	#000;
        background : 	#ffff88;
}

div.ImageWrapperLeft {
     float: 		left;
     margin: 		0 10px 10px 0;
     padding:		2px;
}

div.ImageWrapperRight {
     float: 		right;
     margin: 		0 0 10px 10px;
     padding: 		2px;
}

div.ImageWrapperCenter, div.ImageWrapperCentre {
	text-align : center;
	padding : 2px;
}

div.ImageWrapperInline, div.ImageWrapperInline img {
	display : inline;
}

div.ImageWrapperLeft, div.ImageWrapperRight, div.ImageWrapperCenter, div.ImageWrapperColumn {
}

div.ImageWrapperLeft {
	margin : 10px 10px 10px 0;
}

div.ImageWrapperRight {
	margin : 10px 0 10px 10px;
}

li a.hidden, span.hidden {
	color : #ccc;
	text-decoration: line-through;
}

span.ok {
	color : green;
}

span.failed {
	font-weight : bold;
	color : red;
}

div#loginForm {
	margin : 0;
	padding : 1px 10px;
}

.unhidelink {
	padding : 2px 5px;
	color : green;
}

a.unhidelink:hover {
	color : #fff;
	background : green;
}

code.code, pre.code {
	background : #fefefe;
	border : 1px solid #ccc;
	padding : 15px;
	margin : 5px;
	display : block;
}

/*
** AAA Begin code
** Fore show data from reuters
*/
.reuters {
	margin:0 auto;
	overflow:none;
	padding:0;
	font-size:100%;
}
.reuters #reutersheader {
	font-weight:bold;
	width:100%;
	font-weight:bold;
	font-size:65%;
	background-color:#FFF;
	border-Bottom:1px solid #CCC;
	background-color:#F7F7F7;
	padding-top:20px;
	margin-top:0;
}
.reuters ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	height:21px;
}
.reuters ul li {
	list-style:none;
	float:left;
	display:inline;
}
.reuters ul li span {
	padding-right:15px;
}
.Exchange {
	width:100%;
	height:70px;
	color:#444;
	font-weight:normal;
	background:url('../i/bg-grad') repeat-x;
}
.Exchange ul {
	padding-top:5px;
	list-style-type:none;
	width:100%;
	height:20px;
	padding-bottom:10px;
}
.Exchange ul li {
	list-style:none;
	float:left;
	display:inline;
}
#EchangeLabel {
	text-align:left;
	width:23%;
	padding-left:10px;
}
#ExchangeRate {
	text-align:right;
	font-size:55%;
	padding-top:10px;
	width:28%;
}
#ReutersLink {
	text-align:center;
	font-size:65%;
	width:45%;
	padding-top:10px;
}
.reutersbody {
	font-size:65%;
	overflow-y:scroll;
	height:160px;
	padding-right:5px;
	margin-top:0;
}
.Currency {
	color:#00ADEF;
	text-align:right;
	width:16%;
}
#BID, .Ask, #High, #Low {
	width:16%;
	text-align:right;
}
.Change {
	width:20%;
	text-align:right;
}
#red {
	color:#F72;
	background:url('../i/down.png') no-repeat scroll right top #FFF;
}
#green {
	color:#45CC33;
	background:url('../i/up.png') no-repeat scroll right top #FFF;
	text-align:right;
}
#even {
	background-color:#FFF;
}
#odd {
	background-color:#F3F3F3;
}
.reuters .reutersfooter {
	text-align:center;
	font-size:9px;
	margin:20px auto 20px auto;
}
.reuters {
	margin:0 auto;
	overflow:none;
	padding:0;
	font-size:100%;
}
.reuters #reutersheader {
	font-weight:bold;
	width:100%;
	font-weight:bold;
	font-size:65%;
	background-color:#FFF;
	border-Bottom:1px solid #CCC;
	background-color:#F7F7F7;
	padding-top:20px;
	margin-top:0;
}
.reuters ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
	height:21px;
}
.reuters ul li {
	list-style:none;
	float:left;
	display:inline;
}
.reuters ul li span {
	padding-right:15px;
}
.Exchange {
	width:100%;
	height:70px;
	color:#444;
	font-weight:normal;
	background:url('../i/bg-grad') repeat-x;
}
.Exchange ul {
    border-bottom: 5px solid #FFFFFF;
    height: 20px;
    list-style-type: none;
    padding-bottom: 7px;
    padding-top: 4px;
    width: 100%
}
.Exchange ul li {
	list-style:none;
	float:left;
	display:inline;
}
#EchangeLabel {
	text-align:left;
	width:50%;
	padding-left:10px;
}
#ExchangeRate {
	text-align:right;
	font-size:55%;
	padding-top:10px;
	width:28%;
}
#ReutersLink {
	text-align:center;
	font-size:65%;
	width:45%;
	padding-top:6px;
}
.reutersbody {
	font-size:65%;
	overflow-y:scroll;
	height:160px;
	padding-right:5px;
	margin-top:0;
}
.Currency {
	color:#00ADEF;
	text-align:right;
	width:16%;
}
#BID, .Ask, #High, #Low {
	width:16%;
	text-align:right;
}
.Change {
	width:20%;
	text-align:right;
}
#red {
	color:#F72;
	background:url('../i/down.png') no-repeat scroll right top #FFF;
}
#green {
	color:#45CC33;
	background:url('../i/up.png') no-repeat scroll right top #FFF;
	text-align:right;
}
#even {
	background-color:#FFF;
}
#odd {
	background-color:#F3F3F3;
}
.reuters .reutersfooter {
	text-align:center;
	font-size:9px;
	margin:20px auto 20px auto;
}


#autocompletersingle:disabled {
	background: #fff;
	color: #000 !important;
}
/* ------------------------------------------------------------------
	Element visibility on particular viewport size
------------------------------------------------------------------ */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/*Forces pages to be viewed in mobile format*/
@media (min-width: 651px) {
	.small-screen { display:none !important; }
}

@media (max-width: 650px) {
	.small-screen {display:block;}
	.large-screen {display:none !important;}

	/*show mobile friendly pages when user is not logged in*/
	div#hboxeswrapper, .two, #footerContent, .content, #footer, #footer > div, #WikiShare {width:auto !important; min-width:0px !important;}
	.hbox {width:100% !important; float:none !important; height:auto !important;}
	.hboxcontent .videoWrapper {position: relative;}
	.hboxcontent .videoWrapper iframe {width:100%; height:100%;}
	.blurb, #hboxeswrapper, #ViewArticle {padding:0px 10px; box-sizing:border-box;}
	#small-screen-header {width:100%; background-color:#0a1a25; padding:15px; text-align:left; box-sizing:border-box;}
	#small-screen-header > a {font-size:20px; color:white; height:36px; line-height:36px; display:inline-block; vertical-align:top;}
	#small-screen-header > a:hover, #small-screen-header > a:active {background:none !important;}
	#small-screen-header > a img {vertical-align:top;}
	#small-screen-header > a span {display:inline-block; margin-left:8px; line-height:36px; height:36px; vertical-align:top;}
	#small-screen-header ul {margin:15px 0px 0px 0px; padding:0px; list-style-type:none;}
	#small-screen-header li a {padding:10px 0px; display:inline-block;}
	.small-screen-menu-bars {float:right; width:23px; margin-top:7px;}
	.small-screen-menu-bars > div {height:2px; background-color:white; margin:5px 0px 5px 0px; border-radius:1px;}
	#small-screen-menu {display:none;}
	#footer .atk-cell {display:block !important; text-align:center !important;}
    #wikiContent img[src*="flickr.com"] {width:100% !important; height:auto !important;}
	#ForgotPassword input[type="text"], #RegisterForm p input[type="text"], #RegisterForm p input[type="password"],#RegisterForm p input[type="tel"] {width:280px !important;}
	#fontpicker {display:none !important;}
    .nshare > div {position:relative !important; margin:0px 0px 10px 0px !important;}

	/*show mobile friendly pages when user is logged in*/
    #DashboardTop table {width:100% !important;}
	#RegisterForm #welcome { font-size: 11px !important; margin-bottom: 15px; padding: 10px 0 !important;}


	table.userPrecisInfo tr.ustatus td .userStatusText { font-size: 10px !important; max-width: none !important; white-space: normal !important; }
	
	table.userPrecisInfo tr.ulinks td a { margin: 0 2px !important; }
	table.userPrecisInfo tr.ulinks td a.atk-button { padding: 5px 10px !important; }

	div.userPrecis-wrap { padding-right: 0px !important; }

	div#NewMessageModal form textarea { width: 240px;}
}


        
.sexybutton {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
                -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
                box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
                background: #ffffff;
                border: 0.1em solid #d5d5d5;
                color: #222222;
                display: inline-block;
                font-weight: bold;
                line-height: 1.414;
                padding: 0.5em 1em;
}

.sexybutton:hover {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}


.picspan {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}







/*--------------------------------------------------
	USER PROFILES
----------------------------------------------- */
div.userPrecis-wrap {
	float: left;
	padding-right: 3px;
}

table.userPrecis {
	margin-bottom: 3px;
	border: 1px solid #ccc;
	padding: 2px;
/*	width : 550px;*/
}
table.userPrecis tr td {
	vertical-align : top;
}
table.userPrecis tr td.fstatus {
	width : 100px;
	background : #ccc;
	text-align : center;
	padding : 10px;
	vertical-align : middle;
}

table.userPrecis tr td.uimg {
	width : 80px;
	text-align : center;
	padding : 5px 5px;
}

table.userPrecis tr td.fstatus a {
	display : block;
	border : 1px solid #fff;
	padding : 4px 5px;
	background : #115588;
	color : #fff;
	text-decoration : none;
	vertical-align : middle;
}

table.userPrecis tr td.fstatus a:hover {
	background : #00ADEF;
}
table.userPrecisInfo {
	width : 100%;
}


table.userPrecis td.uimg span.picspan {
	width: 80px; 
	height: 80px;
}

table.userPrecis .atk-button {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	padding: 5px 20px;
	color: white;
}

table.userPrecisInfo tr.uname td {
	padding : 5px;
	border-bottom : 1px solid #eee;
	margin : 0 5px;
}
table.userPrecisInfo tr.uname td a {
	font-weight : bold;
	color : #115588;
	text-decoration : none;
	padding : 1px 2px;
	font-size : 15px;
}

table.userPrecisInfo tr.ustatus td {
	padding: 4px;
}

table.userPrecisInfo tr.ustatus td .userStatusText {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    max-width: 300px;
}

table.userPrecisInfo tr.uname td span.UserAdditionalInfo a {
	font-size: 12px;
}


table.userPrecisInfo tr.uname td a:hover {
	color : #00ADEF;
	background  :transparent;
}
table.userPrecisInfo tr.ulinks td {
	font-size : 10px;
	padding : 5px;
}

table.userPrecisInfo tr.ulinks td a {
	margin: 0 5px;
	vertical-align: middle;
}
table.userPrecisInfo tr.ulinks td a.icon-button {
	color: #686868; 
}

table.userPrecisInfo tr.ulinks td a.icon-button.icon-mail {
        color: #e5432e; 
}
div#UserProfileFriend {
	margin : 5px 0;
}

div#upColumn {
	float : right;
	width : 210px;
}

div#upColumn p.upColumnRow {
	margin : 0;
	padding : 0;
	font-size : 10px;
	color : #999;
}

div#upColumn div#userImage {
	text-align : center;
}
div#upColumn div#userImage img {
	margin : 0;
	padding : 1px;
	border : 1px solid #eee;
	width: 120px;
}


div#upBody {
	margin : 0 215px 0 0;
}

div#upBody h1 {
	font-size : 2.1em;
	margin : 0 0 5px 0;
	padding : 0 0 5px 0;
	border-bottom : 1px solid #eee;
}

div#upBody p.statusRow {
	margin : 0 0 0 0;
	padding :  10px;
	background : #F1F5FC;
	font-size : large;
}

div#upBody div.upBelow {
	padding : 2px 10px 10px 10px;
}
div#upBody div.upLinks {
	color : #555;
	font-size : 11px;
	padding : 2px 10px 10px 10px;
}

div#upBody div.upBelow h3 {
	margin : 0;
	padding : 0 0 5px 0;
	font-weight : normal;
	position : relative;
	left : -5px;
	color : #444;
}

div#upBody p.editDetails {
	text-align : right;
	font-size : 11px;
	margin : 0;
	padding : 0;
}

div#userElsewhere a {
	font-size : 11px;
	color : #444;
	padding  :1px;
}

div#userElsewhere a:hover {
	color : #000;
}

p.bioInfo {
	font-size : 11px;
	color : #444;
	margin : 0 0 5px 0;
	padding : 5px 0;
	border-bottom : 1px solid #eee;
}

div#HubBio {
	margin : 0 0 10px 0;
	padding : 5px 10px 10px 10px;
	border-bottom : 1px solid #eee;
}
/*----------------------------------*/
form#pSearch {
	margin : 0;
	padding : 0;
	display : inline;
}
div#pendingOut ul  {
	margin : 10px;
	padding : 0;
}

div#pendingOut ul li {
	list-style-type : none;
	padding : 5px 0 0 0;
	clear : both;
}

div#pendingOut ul li a img.upic {
	border : 1px solid #eee;
	padding : 1px;
	float : left;
	margin : 0 5px 0 0;
}

div#pendingOut ul li a:hover img.upic {
	background  :#fff;
	border : 1px solid #00ADEF;
}

div#FriendsPage {

}

div#FriendsPage div#findMore {
	text-align : center;
	margin : 10px 0;
	background : #ffffbb;
	padding : 5px;
}
div#FriendsPage div#findMore form {
	display : inline;
}


table#FriendsList  {
	width : 880px;
}

table#FriendsList tr td {
	width : 280px;
	padding : 5px 5px 5px 15px;
	border-bottom  :1px solid #eee;
	vertical-align : top;
}
table#FriendsList tr td div.picWrapp {
	float : left;
	width : 80px;
}
table#FriendsList tr td img.uPicture {
	border : 1px solid #eee;
	vertical-align : top;
	margin : 0 5px 0 0;
}

table#FriendsList tr td a:hover img.uPicture {
	border : 1px solid #00ADEF;
	background : #fff;
}

table#FriendsList tr td span.fOptions {
	padding : 5px 0 0 5px;
	font-size : 11px;
}
table#FriendsList tr td  span.fOptions a {
	color : #999;
}
table#FriendsList tr td  span.fOptions a:hover {
	color : #fff;
}
table#FriendsList tr td p.fName {
	border-bottom : 1px solid #eee;
	padding : 5px 0;
	margin : 0 0 0 85px;
}
table#FriendsList tr td span.fStatus {
	display : block;
	font-size : 11px;
	color : #999;
	font-style : italic;
	padding : 2px 0 0 0;
	margin : 5px 0 5px 5px;
}
table#FriendsList tr td p.fName a {
	color : #115588;
	font-weight : bold;
}
table#FriendsList tr td p.fName a:hover {
	background : transparent;
	color : #00ADEF;
}

#developer_api_form #personal {
	margin: 0 0 1.4rem 0;
}

#developer_api_form #personal p:after {
	display: block;
	content: " ";
	clear: both;
}

#developer_api_form #personal p label {
	display: block;
	width: 70px;
	float: left;
	line-height: 30px;

}

#developer_api_form #personal p input {
	display: block;
	width: calc(100% - 70px);
	float: left;
}