.color1 { color: #4A82C2; }
.border-color1 { border: thin solid #4A82C2; }
.border-right-color1 { border-right: thin solid #4A82C2; }
.border-color2 { border: thin solid #666;}
.border3 { border: 4px solid #FBB450;}
.border4 { border: 4px solid #4A82C2;}
.border-shadow-small { border: thin solid #666; box-shadow: 1px 2px 4px 1px #888888; }
.border-shadow-large { border: thin solid #666; box-shadow: 1px 1px 3px 1px #888888; }
.border-shadow-even { border: thin solid #666; box-shadow: 0px 0px 3px 1px #888888; }
.back-color1 { background-color: #4A82C2; }
.back-color2 { background-image:url('https://dinkydana.com/css/textures/brushed_alu.png'); }
.back-color3 { background-image:url('https://dinkydana.com/css/textures/denim.png'); }
.main { background: #fff; padding: 10px; border: thin solid #666; box-shadow: 0px 0px 5px 3px #888888; }
.headerBox{ width: 1024px; clear: right; z-index: 10; }
.breadcrumbs {font-size: 10px;display: inline;}
.twitter-share-button { vertical-align:top; width: 80px !important; }
.fb-share-button { height: 25px; }
#plus iframe {height: 21px !important;}
.headerTabsBox {
	background: #FFFFFF url(https://dinkydana.com/css/images/ui-bg_highlight-soft_75_020266_1x100.png) 50% 50% repeat-x; 
	border: #666; 
	width: 1000px;
	left: 12px;
	position: relative;
}
.ui-datepicker { margin: 50px 0 0 25px; z-index: 999999999; }
.fa-icon { font-size: 16px; }
.headerTabs { width: 1000px; height: 31px; }
.link {text-decoration:underline;}
.editAvatarForm { margin: 0 0 0 10px; }
.userMenuBox {
	top: 30px;
	right: 0px;
	position: absolute;
	min-height: 75px;
	width: 100px;
	z-index: 1000;
	background-image:url('https://dinkydana.com/css/textures/denim.png');
	display: none;
	border: 2px solid #FC9402;
}
.homepageFeatured {

}
.userCollectionListBox {
	height: auto;
	border: thin solid #666; box-shadow: 1px 2px 4px 1px #888888;

	margin: 0 0 10px 0;
	background: #E8E8E8;
}
.hrrEpisodeBox {
	height: auto;
	background-image:url('https://dinkydana.com/css/textures/brushed_alu.png');
	padding: 10px;
	margin: 15px;
	width: 97%;
	box-shadow: 1px 1px 3px 1px #888888;
}
.boxShadow { ox-shadow: 0px 0px 5px 3px #888888; }
.settingsButton { display: block; width: 20px; height: 20px; text-indent: -99999px; }
.settingsButton:hover {
	/*background: url('https://dinkydana.com/images/orange-gear-icon.png');*/
	background-image: url('https://dinkydana.com/images/orange-gear-icon.png');
	background-size: 20px 20px;
	background-position-x: 0px;
	background-position-y: -1px;
	/*background-position: 0px -3px;*/
}
.socialHeaderBox { float: right; margin-top: -3px; }
.noLink { text-decoration:none; }
.socialWrapper {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;       
	position: relative;
}
.floating-social-menu {
	/*position: fixed;
	background: transparent;
	border: 1px solid transparent;
	width: 80px;
	z-index: 100;
	top: 250px;
	left: -1px;*/
	
	width: 65px;
	background: #FFFFFF;
	border: 1px solid #CECECC;
	margin-left: -80px;
	margin-right: auto;
	margin-top: 190px;
	overflow: hidden;       
	position: fixed;
	padding-top: 7px;
	padding-bottom: 4px;
	padding-right: 5px;
}
.bmenu{
    padding: 0px;
    width: 100%;
    min-height: 200px;
    margin: 10px 0px 10px 0px;
    position: relative;
    list-style-type: none;
}
.bmenu li{
    font-size: 11px;
    margin: 5px 2px -5px -10px;
    display: block;
}
.bmenu li a{
    font-size: 11px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px #5bc0de;
    letter-spacing: 1px;
    padding-left: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.bmenu:hover li a{
    text-shadow: 0px 0px 5px #76972;
}
.bmenu li a:hover{
    color: #5bc0de;
    text-shadow: 0px 0px 0px #429cb5;
    padding-left: 15px;
}
.slideshowImage { width:700px; height:220px; }
.featuredSectionsLine { width: 688px; }
.featuredArticlesHeader { font-size: 17px; text-align:center; color: #FFFFFF }
.featuredArticleImage { width:220px; height: 180px; }
.featuredCaption { margin-top: 2px; color: #138dd3; }
.mapCanvas {
	width:500px;
	height:400px;
	left: 450px;
	top: -40px;
	border: thin solid #666;
	position: relative;
}
.mapCanvas2 { width:292px; height:275px; position: fixed; }
.mapLegend { left: 450px; position: relative; top: -45px; }
.mapLegend2 { position: absolute; top: 275px; }
.legendGoldCoin { margin-left: 5px; vertical-align: middle; height: 15px; width: 12px; }
.legendGreenRupee { height: 15px; position: relative; top: 3px; }
.legendRedRupee { width: 12px; height: 20px; top: 4px; position: relative; }
.storeBox { background-color: #FFFFFF; padding: 10px; border: thin solid #666; }
.homeStoresBox { width: 305px; height: 216px; border: thin solid #666; background-image:url('../images/find-games-near-you.jpg'); }
.homeStoresInput { left: 35px; top: 70px; position: relative; }
.companyLogo { width:200px; height:100px; padding: 4px 4px 2px 4px; }
.priceGuideDesc { padding: 20px; font-size: 14px; }
.pgConsoleIcon { height: 60px; vertical-align: middle; }
.collectionDesc { padding: 20px; font-size: 14px; }
.collectConsoleIcon { height: 60px; vertical-align: middle; }
.pointer{ cursor: pointer; }
.headerImageBox { height: 75px; top: 10px; position: relative; clear: both; }
.headerRightBox { left: 774px; height: 25px; width: 250px; bottom: 60px; position: relative; }
.startPlaylist { color: red; }
.startPlaylist:hover { color: #d31925; }
.manageCollection { color: #626263; }
.manageCollection:hover { color: #002d89; }
.startBlog { color: #003bb2; }
.startBlog:hover { color: #002d89; }
.findStores { color: #349b4e; }
.findStores:hover { color: #206b32; }
.findStores:visited { color: #206b32; }
.homepageIcons { text-decoration: none; }
.homepageIcons:hover { text-decoration: none; }

.footer{
	width: 1024px;
	color: white;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 13px;
        /*height:100px;  /* Height of the footer */
	position: relative;
}
#footer {
  position: fixed ;
  bottom: 0px ;
  font-size: smaller;
  width: auto;
  left: 2px;
  color: #333333;
  text-decoration: none ; 
  background-color: white ;
  padding-bottom: 2px;
  padding-top: 2px;
  border-top: 1px solid #999999;
  width: 99%;
}
.socialMediaBox {
  float: right;
}
.userSocialMediaBox { padding: 10px 0 0 0; }
.userSocialMediaBox > ul { margin: 0 0 15px 0; }
#social {
  margin: 0 auto 0 auto;
  width: 200px;
}
#social li {
  list-style: none;
  float: left;
  margin: 2px 5px 0 0;
}
#social .noMargin {
  margin-right: 0px;
}
.hidden{ display:none; }
.collectionBox{
	left: 15px;
	position: relative;
	min-height: 200px;
	width: 994px;
	margin-bottom: 10px;
	background: #c8c8cc;
	border: thin solid #666;
	border-collapse: collapse;
}
.collectionImage{ position: relative; width: 230px; }
.collectionContent{ top: 5px; left: 230px; position: absolute; }
.priceGuideBox{ 
	margin-left: 1%;
	position: relative;
	min-height: 200px;
	width: 90%;
	margin-bottom: 10px;
	background: #c8c8cc;
	border: thin solid #666;
	border-collapse: collapse;
}
.priceGuideImage{ position: relative; width: 230px; }
.priceGuideContent{ top: 5px; left: 230px; position: absolute; }
.podcastEpisodeBox{ position: relative; min-height: 450px; width: 99%; margin: 0 auto 10px auto; }
.podcastImageSmall{ position: relative; left: 180px; width: 400px; }
.podcastImageLarge{ position: relative; left: 0px; width: 100%; }
.podcastContentImage{ position: relative; left: 10px; width: 400px;}
.podcastContent{ width: 100%; padding-left: 10px; position: relative; }
.podcastHostsBox{ margin: 10px; width: 295px; height: auto; }
.hostBox{ margin-bottom: 35px; width: 100%; }
.hostAvatar{ width: 50px; position: relative; }
.hostContent{ float: right; width: 240px; position: relative; }
.banner { width:300px;  background: #020266 url(/css/images/ui-bg_highlight-soft_75_020266_1x100.png) 50% 50% repeat-x; border: #fff; }
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
 
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
.tooltip .label { color:yellow; width:35px; }
.input:hover { background-position:0 -44px; }
.input:focus { background-position:0 -88px; }
.overlay {
    display:none;
   
    width:640px;
    padding:35px;
    font-size:11px;
}
.overlay .close {

    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#container { width: 700px; left: 5px; position: relative; }
div#slideshow { width: 700px; height: 220px; padding: 0 0 0 0; position: absolute; z-index: 5; overflow: hidden; }
div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: absolute;
	left: 550px;
	top: 170px;
	height: 35px;
	z-index: 15;
}
	div#slideshow ul#nav li#prev {
		float: left; margin: 0 0 0 0;
	}
	div#slideshow ul#nav li#next {
		float: right; margin: 0 0 0 25px;
	}
	div#slideshow ul#nav li a {
		display: block; width: 25px; height: 25px; text-indent: -9999px;
	}
		div#slideshow ul#nav li#prev a {
			background: url(/images/prev_blue_mini.png);
		}
		div#slideshow ul#nav li#next a {
			background: url(/images/next_blue_mini.png);
		}

	div#slideshow ul#slides {
                list-style: none;
	}
		div#slideshow ul#slides li {
			margin: -12px 0 0 0;
		}
.searchResultsImage { height: 65px; width: 75px; margin: 5px; }
.searchResultsDiv { left: 90px; top: 5px; width: 585px; position: absolute; }
.searchResultsPhone { font-size: 16px; float: right; margin-right: 5px; color: #020266; }
.searchResultsName { font-size: 18px; color: #020266; }
.rightColumnBox { width: 315px; left: 710px; top: 5px; position: absolute; }
.leftColumnBox { width: 700px; top: 5px; position: relative; }
.rightArticleColumnBox { width: 305px; top: 15px; left: 710px; position: absolute; }
.leftArticleColumnBox { width: 700px; margin-top: -5px; position: relative; }
.rightArticleBox {width: 285px; padding: 10px; margin-top: 5px; margin-right: 10px; position: relative; background: #c8c8cc; }
div#slideshow2 { width: 250px; height: 281px; padding: 0 0 0 0; overflow: scroll; position: relative; z-index: 5; }
	div#slideshow2 ul#slides2 {
		list-style: none;
	}
		div#slideshow2 ul#slides2 li {
			margin: 0 0 0 0;
		}
.ytBox { width: 305px ; padding-right: 10px; position: relative ; }
.updateBox { width: 305px ; border: thin solid #666; background: #020266; position: relative ; }
.twitter_container { width: 305px;  margin-top: 5px; position: relative; }
.image-wrap { position: relative; display: inline-block; max-width: 100%; vertical-align: bottom; }
.image-wrap:after {
	content: ' ';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	border: solid 1px #1b1b1b;

	-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
	box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);

	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.image-wrap img {
	vertical-align: bottom;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.image-wrap { margin-right: 5px; margin-bottom: 5px; }
/*.image-wrap:not(:hover) {
	-webkit-transform: scale(0.9);
	  -moz-transform: scale(0.9);
	  -o-transform: scale(0.9);
	  -ms-transform: scale(0.9);
}*/
.box { margin: 0 0 50px; border-top: solid 1px #444; }
.glossy .image-wrap:before {
	position: absolute;
	content: ' ';
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,.15) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,.15)));
	background: linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,.15) 100%);
}
.embossed .image-wrap:after {
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3);
	box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -6px 0 rgba(0,0,0,.6), inset 0 -7px 0 rgba(255,255,255,.3);
}

/* soft embossed */
.soft-embossed .image-wrap:after {
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,1), inset 0 1px 1px rgba(255,255,255,.5), inset 0 -6px 2px rgba(0,0,0,.6), inset 0 -8px 2px rgba(255,255,255,.3);
}

/* cutout or pressed */
.cutout .image-wrap:after {
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 2px rgba(0,0,0,.6);
}
.mainBox { width: 1024px; min-height: 1650px; position: relative;
}
.mainArticlesBox { width: 670px; padding: 10px; margin-top: 5px; margin-right: 10px; position: relative; background: #ffffff; }
.reviewsMainBox { width: 1024px; min-height: 1200px; position: relative; }
.collectionMainBox { width: 1024px; min-height: 1200px; position: relative; }
.priceGuideMainBox { width: 1024px; min-height: 1200px; position: relative; }
.storeLocatorMainBox { width: 1024px; min-height: 550px; position: relative; }
.postsMainBox { width: 1024px; min-height: 700px; position: relative; }
.podcastMainBox { width: 1024px; min-height: 800px; position: relative; }
.articlesMainBox { width: 1024px; min-height: 300px; position: relative; }
.wrapper { width: 1024px; margin-left: auto; margin-right: auto; overflow: hidden;        position: relative; }
.featuredBox1 { width: 700px; min-height: 250px; margin-top: 10px; position: relative; }
.featuredBox2 { width: 700px; min-height: 250px; margin-top: 10px; margin-bottom: 10px; position: relative; }
.mainBoxArticle {
	width: 690px;
	top: 220px;
	min-height: 500px;
	float: left;
	margin-left:10px;
	margin-right:10px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 13px;
	white-space:normal;
	position: relative;
	clear: both;
}
.articleContent {
	width: 685px;
	min-height: 700px;
	margin: 15px;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 13px;
	white-space:normal;
	position: relative;
	background: #ffffff;
	clear: both;
}
.featuredArticle1 {
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 12px;
	float: left;
	width: 220px;
	height: 250px;
	position: relative;
    	z-index: 100;
}
.featuredArticle2 {
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 12px;
	float: left;
    	margin-left: 15px;
	width: 220px;
	height: 250px;
	position: relative;
}
.featuredArticle3 {
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 12px;
    	float: right;
    	margin-right: 10px;
    	width: 220px;
	height: 250px;
	position: relative;
    	z-index: 99;
}
.hrBlue {
  border: 0px;
  height: 1px;
  background-color: #4A82C2;
}
.leftSides { margin-top: 230px; width: 700px; top: 0px;		 position: absolute; left: 0 ; }
.rightSides { width: 250px; height: 250px;	 position: absolute; right: 0 ; }
.logInButton { margin-left: 175px;  margin-top: -5px; }
body { margin: 0; padding:0;  font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; }
img { border: none; }
.bullpen-widget-box {
	display: block; 
	position: relative; 
	outline: 0px none; 
	height: auto; 
	width: 95%; 
	margin-left: auto; 
	margin-right: auto; 
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
}

.bullpen-widget-title { padding: 0.05em 1em !important; }
.bullpen-menu-right { position: fixed; float: right; right:0px; max-height: 500px;  overflow: auto; z-index: 101; }
.tcGroupList { cursor:pointer; padding: 0.1em; }
.infobox { border-width: 1px; border-style: solid; padding-left: 5px; background-color: #a3b6ff; font-weight: bold; color: navy; }
.infobox2 { border-width: 1px; border-style: solid; padding-left: 5px; background-color: #e4f0fd; }
.errorbox { border-width: 1px; border-style: solid; padding-left: 5px; background-color: #ff8c92; }
.headerLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: navy;
	border-color: navy;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #a3b6ff;
	height: 18px;
	font-weight: bold;
	color: navy;
}
.boxHeaderLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: navy;
	border-color: navy;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #a3b6ff;
	height: 18px;
	font-weight: bold;
	color: navy;
	position: relative ;
	top: -19px ;
	text-decoration: none ; 
}
.fontBoldRed { font-weight: bold; color: red; }
.boxContent { padding-left: 5px; padding-right: 5px; position: relative ; top: -19px ; }
.boxContentScroll { padding-left: 5px; padding-right: 5px; position: relative ; top: -19px ; overflow: auto;   height: 100%; }
.spacer5px { height: 5px ; }
a:link { color: navy; }
a:visited { color: navy; }
.tabStart {
	background: #a3b6ff url("images/tab-left.png") left top no-repeat;
	padding-left: 10px;  
	height: 18px ;
	margin: 0px;
	position: relative;
	top: 2px;
}
.tabStartHover {
	background: #e3f0fd url("images/tab-left-hover.png") left top no-repeat;
	padding-left: 10px;  
	height: 18px ;
	margin: 0px;
	position: relative;
	top: 2px;
}
.tabStartSel {
	background: navy url("images/tab-left-sel.png") left top no-repeat;
	padding-left: 10px;  
	height: 18px ;
	margin: 0px;
	position: relative;
	top: 2px;
}
.tabEnd {
	background: #a3b6ff url("images/tab-right.png") right top no-repeat;
	padding-right: 10px;
	margin: 0px;
	position: relative;
	top: 2px;
}
.tabEndHover {
	background: #e4f0fd url("images/tab-right-hover.png") right top no-repeat;
	padding-right: 10px;
	margin: 0px;
	position: relative;
	top: 2px;
}
.tabEndSel {
	background: navy url("images/tab-right-sel.png") right top no-repeat;
	padding-right: 10px;
	margin: 0px;
	position: relative;
	top: 2px;
}
.tabContent {
	background: #a3b6ff;
	text-decoration: none ; 
	position: relative;
	top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: navy;
}
.tabContentHover {
	background: #e4f0fd;
	text-decoration: none ; 
	position: relative;
	top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: navy;
}

.footerLine {
	position: relative ;
	bottom: 0px ;
	left: 500px;
	font-size: smaller;
	width: 20%;
	/*margin-left: 500px;
	margin-right: 5px;*/
	height: 14px;
	color: #0b3bcb;
	text-decoration: none ; 
	background-color: white ;
}

table { font-size: 12px; }
.titleBar {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #a3b6ff;
	height: 12px;
	font-weight: bold;
	color: navy;
	text-decoration:none;
	border: medium;
	border-style: outset;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
	display: inline ;
}
.lineIcon { float: left ; display: inline ; background-image: url("images/ui-icons_444444_256x240.png") !important; }
.validateTips {  border: 1px solid transparent;  padding: 0.3em;  }
body.wait * { cursor:wait !important; }
.smallButton button.ui-button-icon-only { height: 1.5em; width: 1.5em; margin-left: 10px; /*top: -0.25em; */ }
.ruleSep { line-height: 0.25em; border-top: 1px dotted #a3b6ff ; }
/* Twitter feed styling */
#twitterContainer {
/*	width: 300px;
	font-family: georgia;
	font-size: 15px; */
	color: #333333;
	padding: 10px;
}

#twitterContainer .tweet {
/*	margin: 0 auto 15px auto;
	padding: 0 0 15px 0; */
	margin: 0 auto 0 auto;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #ccc;
}

#twitterContainer .tweet a {
	text-decoration: none;
	color: #13c9d0;
}

#twitterContainer .tweet a:hover {
	text-decoration: underline;
}

#twitterContainer .tweet .time {
/*	font-size: 10px; */
	font-size: smaller;
	font-style: italic;
	color: #666666;
}

.ui-tabs .ui-tabs-nav li a {  padding: .2em 1em; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em 1em .2em 2.1em; }
.ui-button { margin-left: -1px; }
.ui-autocomplete-dropdown { /* padding: 0.05em 0 0.1em 0.05em; */ float: right ; height: 1.4em ; } 
.ui-autocomplete-input { margin: 0; padding: 0.05em 0 0.1em 0.45em; }
.ui-autocomplete { max-height: 150px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }
/* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete { height: 150px; }
span.hidden_sort { display: none; }
#status{ width:50%; padding:10px; outline: none; height:36px; font-size: 24px; }  
.focusField{
	height: 35px;
	border: solid 2px #73A6FF;  
	background:#FFF;
	outline: none;  
	color:#000;
	font-size: 24px;
	padding-left: 5px;    
}  
.idleField{ 
    height: 35px;
    background:#FFF;  
    color: #6F6F6F;  
    border: solid 2px #6F6F6F;
    font-size: 24px; 
    padding-left: 5px;
}
/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #fff;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('https://dinkydana.com/images/ajax-loader2.gif') right center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 11px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
    width: auto;
}
/* Sticky footer styles
      -------------------------------------------------- */

html,
body {
  height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
/*
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -20px auto;
}
*/
/* Set the fixed height of the footer here */
/*
#push,
#footer {
  min-height: 20px;
}
*/
/*#footer {
  position: fixed ;
  bottom: 0px ;
  font-size: smaller;
  width: auto;
  left: 2px;
  color: #333333;
  text-decoration: none ; 
  background-color: white ;
  padding-bottom: 2px;
  padding-top: 2px;
  border-top: 1px solid #999999;
  width: 99%;
}*/

/*.container-fluid {
    padding-left: 5px;
    padding-right: 5px;
}*/

a.btn, button.btn {
	color: #333333;
	font-weight: bold;
}

span.logoff {
	padding-left: 8px;
	margin-top: 8px;
}
a.logoff {
	margin-left: 8px;
	margin-top: -2px;
}
.well {
	background-color: #E4F0FD ;
	border: 1px solid #A3B6FF;
	color: #222222;
	margin-bottom: 5px;
	padding: 5px;
}
.btn-primary,
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8ABCF1;
  background-image: -moz-linear-gradient(top, #8ABCF1, #4893E5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8ABCF1), to(#4893E5));
  background-image: -webkit-linear-gradient(top, #8ABCF1, #4893E5);
  background-image: -o-linear-gradient(top, #8ABCF1, #4893E5);
  background-image: linear-gradient(to bottom, #8ABCF1, #4893E5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff#8ABCF1', endColorstr='#ff#4893E5', GradientType=0);
  border-color: #8ABCF1 #8ABCF1 #8ABCF1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #8ABCF1;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #4893E5;
  *background-color: #4893E5;
}
.btn-primary:active,
.btn-primary.active,
.btn-info:active,
.btn-info.active {
  background-color: #4893E5 \9;
}

.table {
	background-color: #E4F0FD ;
}
.table-bordered {
	border: 1px solid #A3B6FF;
}
form { margin: 0; }
.control-label {
	font-weight: bold;
}
/***************************FONTS***************************************/
/*@font-face { 
	font-family:'Dancing_Script'; 
	src:url('https://dinkydana.com/fonts/dancing_script-webfont.eot');
	src: local('Dancing_Script'), local('Dancing_Script'), url('https://dinkydana.com/fonts/dancing_script-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/dancing_script-webfont.otf') format('opentype'), url('https://dinkydana.com/fonts/dancing_script-webfont.svg') format('svg'); 
} 
.Dancing_Script { font-family:'Dancing_Script', sans-serif; font-weight: lighter; } 

@font-face { 
	font-family:'Jura_Regular'; 
	src:url('https://dinkydana.com/fonts/bionic_comicjura-regular-webfont.eot');
	src: local('Jura_Regular'), local('Jura_Regular'), url('https://dinkydana.com/fonts/jura-regular-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/jura-regular-webfont.otf') format('opentype'), url('https://dinkydana.com/fonts/jura-regular-webfont.svg') format('svg'); 
} 
.Jura_Regular { font-family:'Jura_Regular', sans-serif; font-weight: lighter; } 

@font-face { 
	font-family:'Bionic_Comic'; 
	src:url('https://dinkydana.com/fonts/bionic_comic/biocomv2-webfont.eot');
	src: local('Bionic_Comic'), local('Bionic_Comic'), url('https://dinkydana.com/fonts/bionic_comic/biocomv2-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/bionic_comic/biocomv2-webfont.svg') format('svg'); 
} 
.Bionic_Comic { font-family:'Bionic_Comic', sans-serif; font-weight: lighter; font-size: 12px; } 

@font-face { 
	font-family:'Arcade'; 
	src:url('https://dinkydana.com/fonts/arcade/arcade-webfont.eot');
	src: local('Arcade'), local('Arcade'), url('https://dinkydana.com/fonts/arcade/arcade-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/arcade/arcade-webfont.svg') format('svg'); 
} 
.Arcade { font-family:'Arcade', sans-serif; font-weight: lighter; } 

@font-face { 
	font-family:'Arcade_Classic'; 
	src:url('https://dinkydana.com/fonts/arcade_classic/arcadeclassic-webfont.eot');
	src: local('Arcade_Classic'), local('Arcade_Classic'), url('https://dinkydana.com/fonts/arcade_classic/arcadeclassic-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/arcade_classic/arcadeclassic-webfont.svg') format('svg'); 
} 
.Arcade_Classic { font-family:'Arcade_Classic', sans-serif; font-weight: lighter; } 

@font-face { 
	font-family:'Blox'; 
	src:url('https://dinkydana.com/fonts/blox/blox2-webfont.eot');
	src: local('Blox'), local('Blox'), url('https://dinkydana.com/fonts/blox/blox2-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/blox/blox2-webfont.svg') format('svg'); 
} 
.Blox { font-family:'Blox', sans-serif; font-weight: lighter; }

@font-face { 
	font-family:'Bionic_Comic'; 
	src:url('https://dinkydana.com/fonts/zelda/triforce-webfont.eot');
	src: local('Bionic_Comic'), local('Bionic_Comic'), url('https://dinkydana.com/fonts/zelda/triforce-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/zelda/triforce-webfont.svg') format('svg'); 
} 
.Bionic_Comic { font-family:'Bionic_Comic', sans-serif; font-weight: lighter; font-size: 18px; }

@font-face { 
	font-family:'zeldaFont'; 
	src:url('https://dinkydana.com/fonts/zelda/triforce-webfont.eot');
	src: local('zeldaFont'), local('zeldaFont'), url('https://dinkydana.com/fonts/zelda/triforce-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/zelda/triforce-webfont.svg') format('svg'); 
} 
.font1 { font-family:'zeldaFont', sans-serif; font-weight: lighter; font-size: 18px; }

@font-face { 
	font-family:'marioFont'; 
	src:url('https://dinkydana.com/fonts/super_mario_land/super_mario_bros-webfont.eot');
	src: local('marioFont'), local('marioFont'), url('https://dinkydana.com/fonts/super_mario_land/super_mario_bros-webfont.woff') format('woff'), url('https://dinkydana.com/fonts/super_mario_land/super_mario_bros-webfont.svg') format('svg'); 
}.font2 { font-family:'marioFont', sans-serif; font-weight: lighter; font-size: 18px; }*/