/* @override http://liteboxweb.com/css/wide_home.css */

/* @override http://www.liteboxweb.com/css/news_wide.css */

/* @override http://liteboxweb.com/css/news_wide.css */

/* @override http://liteboxweb.com/css/news_wide.css */

/* @override http://liteboxweb.com/css/news_wide.css */

/* @override http://liteboxweb.com/css/news_wide.css */

/* @override http://liteboxweb.com/css/news_wide.css */

/* @override http://liteboxweb.com/css/news_wide.css */

/* @override http://s25011.gridserver.com/css/news_wide.css */

/* @override http://s25011.gridserver.com/css/news_wide.css */

/* @override http://s25011.gridserver.com/css/news_wide.css */

/* base styles */

html {
}

a:focus {
	outline: none;
}

body { 
	color: black; 
	font-size: 100%;
	background:url(../bgrepeat.gixf) top left repeat-x;
	margin-top: 0;
} p { 
	font-size: 11px;
	line-height: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 6px;
}

#rightcolumn p {
	font-size: 11px;
	line-height: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0;
	margin-top: 2px;
	margin-bottom: 5px;
}

h3 {
	color: #262427;
	padding-left: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-top: 10px;
}

h4 {
	color: #008AFF;
	font: 1.4em "Trebuchet MS", Arial, Helvetica;
	margin-top: 5px;
	margin-bottom: 0;
}

#text h4 {
	color: #008AFF;
	font: 1em "Trebuchet MS", Arial, Helvetica;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 160px;
}

#front_gwt h4 {
	color: #008AFF;
	font: 1em "Trebuchet MS", Arial, Helvetica;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

#rightcolumn {
	float: right;
	width: 203px;
	text-align: left;
	font-family: "trebuchet ms", arial, helvetica;
}

#right_menu {
	margin-top: 5px;
	width: 200px;
	margin-left: 0;
}

#right_menu ul {
	padding-left: 0;
	margin-top: 0;
}

#right_menu li {
	background-position: left top;
	background-repeat: no-repeat;
	list-style-type: none;
}

#right_menu li span {
}

#right_menu li.menutop {
	text-indent: -9999px;
	background: url(../images/front/menu_top.png) no-repeat left top;
	width: 200px;
	height: 17px;
}

#right_menu li.menubottom {
	text-indent: -9999px;
	width: 200px;
	height: 18px;
	background: url(../images/front/menu_bottom.png) no-repeat left bottom;
}

#right_menu li.menu0 a {
	width: 199px;
	height: 40px;
	background: url(../images/front/menu_0_hover.png) no-repeat left top;
	border-bottom: 1px solid #717171;
}

#right_menu li.menu1 a {
	width: 200px;
	height: 40px;
	background: url(../images/front/menu_1_hover.png) left top;
}

#right_menu li.menu2 a {
	width: 200px;
	height: 40px;
	background: url(../images/front/menu_2_hover.png) left top;
}

#right_menu li.menu3 a {
	width: 200px;
	height: 40px;
	background: url(../images/front/menu_3_hover.png) left top;
}

#right_menu li.menu4 a {
	width: 200px;
	height: 42px;
	background: url(../images/front/menu_4_hover.png) left top;
}

#right_menu li a:hover {
	background-position: -230px top;
	background-repeat: no-repeat;
}

#right_menu li a {
	text-indent: -9999px;
	display: block;
}
	
li:hover {
	list-style-image: url(arr2.gif)
	}
	
	
a:link { 
	color: #008AFF;
	background-color: transparent;
	text-decoration: none; 
	}

a:visited { 
	color: #008AFF; 
	background-color: transparent;
	text-decoration: none;
	}

a:hover { 
	color: #000;
	text-decoration: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

a:active { 
	color: #003300;
	background-color: transparent;
	}

/* Main Structures */

#container_news {
	background: url(../images/front/bg_repeat.jpg) repeat-y;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}

#front_android {
	margin-bottom: 15px;
	border-right: 1px dashed #ccc;
	clear: both;
	float: left;
	padding-right: 20px;
	margin-left: 3px;
}

#front_android img {
	width: 150px;
	height: 150px;
}

#front_tutorials {
	float: right;
}

#front_tutorials img {
	width: 150px;
	height: 150px;
}

#front_gwt {
	float: left;
	border-top: 1px solid #ccc;
	margin-left: 5px;
}

#front_gwt img {
	height: 130px;
}

#front_android p, #front_tutorials p {
	color: #494949;
	width: 325px;

}

/* @group My Group */



/* @end */

#minorcontainer {
}

#linkandheader {
	height: 200px;
	width: 780px;
	margin-top: 0;
	margin-left: 20px;
	padding-top: 0;
}

#header_news {
	width: 910px;
	height: 133px;
	background: url(../images/front/header_front.jpg) no-repeat left top;
}

#header_news span{
	display: none;
	width: 820px;
}

#text {
	text-align: left;
	position: relative;
	float: left;
	width: 697px;
	margin-top: 5px;
	padding-left: 0;
	background: url(http://www.liteboxweb.com/images/front/bg.png) no-repeat left top;
	margin-left: 5px;
}

#textbottom {
	height: 69px;
	width: 700px;
	clear: left;
	background: url(http://www.liteboxweb.com/images/front/bg.png) no-repeat left -450px;
}

#link {
	width: 140px;
	font-size: 12px;
	float: right;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding: 0;
}

#newsitem {
	width: 620px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;	
}

#newsitem h4 {
	color: #008AFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;	
}

#newsitem p.info {
	text-align: right;	
}



#newsitem p.synopsis {
	text-align: left;
	color: #5d5d5d;
	direction: ltr;
	font-size: 12px;	
}

#newsiteminner {
	float: left;
	margin-right: 5px;
	padding-left: 0;
	border: 1px solid #e8e8e8;
	padding: 10px;
	width: 599px;
}

#newsiteminner:hover {
	background-color: #fbfbfb;
}

#page {
	background-color: #009eff;
	padding-right: 10px;
	float: left;
	height: 23px;
	width: 611px;
	margin-top: 5px;
}

#page:hover {
	background-color: #008aff;
}

#page p.string {
	text-align: right;
	line-height: 0;
	color: #000;
	float: right;
}

#page p.page {
	line-height: 0;
	float: left;
	padding-left: 6px;
}

#page img {
	padding: 0px;
}

#page a {
	color: #fff;
	text-decoration: underline;
}

#page a:hover {
	color: #000;
}

#oneitem {
	width: 620px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#twoitems {
	float: left;
	width: 630px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

#twoitems h4 {
	color: #008AFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: left;
}

#twoitems p.synopsis {
	text-align: left;
	color: #888;
	direction: ltr;
	font-size: 12px;
}

#twoitems p.info {
	text-align: left;
}

#twoitems a.select {
	color: #00a1ff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: capitalize;
	float: left;
}

#twoitems a.select:hover {
	color: #f00;
}

#inneritemleft:hover {
	background-color: #fbfbfb;
}

#inneritemleft {
	width: 300px;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
	padding-bottom: 10px;
}

#in_in_left {
	float: left;
	border-bottom: 1px solid #ddd;
	width: 280px;
	padding-bottom: 10px;
}

#in_in_left a {
	float: right;
}

#inneritemright:hover {
	background-color: #fbfbfb;
}

#inneritemright {
	width: 285px;
	float: right;
	margin-right: 10px;
	margin-left: 5px;
	padding-bottom: 10px;
}

#front_page_item {
	background: #ff25e5 url(../im_litebox/flashmonth.png) no-repeat;
	float: left;
	width: 620px;
	height: 200px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
	padding-top: 0;
}

#front_page_item img {
	float: left;
}

#today {
	width: 145px;
	float: right;
	height: 160px;
	padding: 10px;
	margin-right: 10px;
	margin-top: 10px;
	background-color: rgba(110,137,153,0.19);
	color: #fff;
	border-style: solid;
	border-width: 1px;
}

#today p.todayp {
	color: #007fff;
	margin: 0;
	font-size: 22px;
}

#oneitem ul {
	text-align: center;
	font-size: 12px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 0;
}

#lid {
	display: block;
	width: 610px;
	color: #008AFF;
	background: url(../bul1.gif) no-repeat left center;
	float: left;
	position: relative;
	border-top: 1px solid #e7e7e7;
	border-right: 0px solid #ccc;
	padding-top: 4px;
	text-align: left;
	padding-bottom: 4px;
	padding-right: 10px;
	height: 14px;
	font: 12px "trebuchet ms", arial, helvetica;
}

#lidtop {
	display: block;
	width: 610px;
	color: #008AFF;
	background: url(../bul1.gif) no-repeat left center;
	float: left;
	position: relative;
	border-top: 1px solid #e7e7e7;
	border-right: 0px solid #ccc;
	padding-top: 4px;
	text-align: left;
	padding-bottom: 4px;
	padding-right: 10px;
	height: 14px;	
}

#lid:hover {
	background-color: #00afff;
}

#oneitem h3 {
	color: #00a6ff;
	margin-top: 0;
	margin-right: 0;
	width: 620px;
	margin-bottom: 0;
}

#lid:hover a {
	color: #fff;
}

#lidtop {
	background-color: #f3f3f3;
	line-height: 0;
	height: 18px;
	border-top-style: none;
}

#lid a.date {
	display: inline-block;
	float: left;
	margin-left: 10px;
	width: 90px;
}

#lid a.description {
	display: inline-block;
	float: left;
	width: 470px;
}

#lid a.select {
	display: inline-block;
	float: right;
	font-weight: bold;
}

#lidtop p.date {
	display: inline-block;
	width: 90px;
	float: left;
	height: 18px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#lidtop p.description {
	display: inline-block;
	float: left;
	width: 470px;
	margin: 0;
	height: 18px;
}

#lidtop p.select {
	display: inline-block;
	float: right;
	margin: 0;
	height: 18px;
}

#lidend {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	width: 610px;
	padding-right: 10px;
}

#expand {
	color: #646464;
	background-color: #f9f9f9;
	display: block;
	float: left;
	padding-top: 10px;
	border-style: solid;
	border-width: 1px;
	width: 617px;
}

#lid.expandable p {
	margin-left: 10px;
}

#expand p.t, #expand p.a, #expand p.d {
	margin: 0 0 0 10px;
}

#expand p.s {
	padding: 10px;
}

#expand a.close {
	color: #f00;
	padding: 5px;
	float: right;
	position: relative;
	right: 5px;
	font: 12px "Trebuchet MS", Arial, Helvetica;
	bottom: 5px;
}

#footer {
	border-top: 1px solid #e6e6e6;
	text-align: center;
	background-color: #f9f8ff;
	width: 865px;
	clear: both;
	height: 40px;
	margin-left: 20px;
} #card {
	width:600px;
	height: 15px;
	float: left;
	background: transparent url(../im_litebox/cardtop.gif) no-repeat;
	margin-bottom: 0px;
	}

#card span {
	display: none;
	}

#text p.p1 ul {
	background: url("lblist.gif") top right no-repeat;
	border: 1px solid #ccc;
	padding: 10px;
	list-style-type: none;
	}

#text p.detail {
	font-size: 9px;
	color: ccc;
	text-transform: uppercase;
	text-indent: 10px;
	}

#synopsis {
}

/* Headings */

#article h4 {
	margin-bottom: 0;
	margin-top: 10px;
}

#article h4 span {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #777;
}

#article p.author {
	color: #696969;
}

#article p.article_content {
}

#text p.p2 {
	font-size: 12px;
	padding; 0px;
	line-height: 0px;
	color:black;
	}

#link span {
	display: hidden;
	}
	
#link h3 {
	color: #669933;
	background-color: transparent;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	}

#link ul {
	list-style-type: none;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-left: 0;
	text-align: center;
}

#link li {
	width: 140px;
	float: left;
	position: relative;
	border-bottom-style: none;
	border-top-style: none;
}

#link li.end a {
	display: block;
	width: 140px;
	background: url(../bul1.gif) no-repeat left center;
	float: left;
	position: relative;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 3px;
	padding-bottom: 3px;
}

#link li.here a {
	color:#000; 
	background: url(../bul2.gif) no-repeat left center;
	font-weight: bold;
}

#link li.endend a {
	display: block;
	width: 140px;
	float: left;
	position: relative;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #ccc;
	color:#000; 
	background: url(../bul2.gif) no-repeat left center;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}

#title_list {
	float: left;
	width: 170px;
	margin-left: 10px;
}

/* Linkography */

a img,:link img,:visited img {
	border: none;
	}

#link li a {
	display: block;
	color: #008AFF;
	background: url(../bul1.gif) no-repeat left center;
	float: left;
	position: relative;
	margin: 0;
	width: 140px;
}

#link li a:hover, #link li.end a:hover {
	color:#000;
	text-decoration: none;
	background: url(../bul2.gif) no-repeat left center;
	}

#text p.redlink {
	padding-left: 20px;
	background: url(../bul2.gif) no-repeat left center;
	}
.acronym {
	color: #008AFF;
	}

#comment_wrapper {
	clear: left;
	padding: 10px;
	color: #696969;
	font: 13px "trebuchet ms", arial, helvetica;
}

.ta {
	border-color: #00afff;
}

hr {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #dadada;
}

#comment_wrapper p.reply {
}

#commentish {
	border-top: 1px solid #e6e6e6;
	padding-top: 10px;
}