/* Styles for "content" in samples */
body, ul, li, div, span, img
{
	padding:0;
	margin:0;
}

body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ececec;
}

h1
{
	margin:0;
	padding:0;
	font-size:24px;
}

h2
{
	margin:0;
	padding:0;
	font-size:17px;
}

img
{
	border:none;
}

/* Links to other samples */
ul.listOfLinks
{
	list-style-type:none;
	font-size:10px;
	padding:10px;
}

ul.listOfLinks li
{
	line-height:13px;
	padding-bottom:5px;
}

ul.listOfLinks li a
{
	color:#383838;
	text-decoration:none;	
}

ul.listOfLinks li a:hover
{
	background-color:#e0e0e0;
	text-decoration:underline;
}



/* "template" or main content */
#wholePage
{
	width:100%;
}

#allContent
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	height:1200px;
	background-color:White;
}

#left
{
	background:#ececec url(contentImages/L-R.png) repeat-y 0 0;
	width:16px;
	float:left;
	height:100%;
}

#right
{
	background:#ececec url(contentImages/L-R.png) repeat-y -16px 0;
	width:16px;
	float:left;
	height:100%;
}

#insideOfPaper
{
	float:left;
	height:1160px;
	padding:20px;
	position:relative;
}

#logoParts
{
	margin-bottom:10px;
	height:90px;
}

#logo
{
	float:left;
}

#divDownloadBuy
{
    margin-left: 700px;
	font-size:0.8em;
}

#divDownloadBuy a
{
    text-decoration:none;
	color:#E2007A;
	font-weight:bold;
}

#breadCrumb
{
    overflow:hidden;
	font:bold 11px tahoma,arial,verdana,sans-serif;
    padding:3px 3px 2px 5px;
    border:1px solid #99bbe8;
    line-height: 15px;
	margin-bottom:15px;
	width:818px;
}

.gaiax-top
{
    color:#15428b;
	background:transparent url(../Skins/Gaiax/ExtendedPanel/panel-gradient.png) repeat-x 0 -1px;
}

.gaiax-top a
{
    color:#15428b;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.gaiax-top a:hover
{
    color:#15428b;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}

.gaiax-top a:visited
{
    color:#15428b;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
}


#links
{
	width:200px;
	float:left;
}

#templateContent
{
	width:628px;
	float:left;
}

#templateContentWrapper
{
	padding:0 20px 0 20px;
	float:right;
	font-size:0.7em;
}

#templateContentWrapper p
{
	text-align:justify;
}

.viewCodeBtn
{
	float:left;
	padding: 0 20px 10px 0;
	background:transparent url(contentImages/button_images.png) no-repeat 0 -110px;
	width:76px;
	height:65px;
	border: none;
}

#proudest
{
	list-style-type:none;
	margin-left:20px;
	width:432px;
	margin-bottom:50px;
	margin-top:20px;
}

#proudest li
{
	padding-left:100px;
	height:70px;
	border:solid 1px #f9f9f9;
}

#proudest li:hover
{
	border:solid 1px #ddd;
	background-color:#f9f9f9;
}

#proudest .treeview
{
	background:transparent url(contentImages/screen_shots.png) no-repeat 0 0;
}

#proudest .menu
{
	background:transparent url(contentImages/screen_shots.png) no-repeat 0 -70px;
}

#proudest .grid
{
	background:transparent url(contentImages/screen_shots.png) no-repeat 0 -140px;
}

.newVersion
{
    float: right;
    margin: 0 0 5px 5px;
    padding: 0;
	background:transparent url(contentImages/button_images.png) -20px -60px;
	width:45px;
	height:42px;
}

#proudest li
{
	margin-bottom:15px;
}

#proudest li a
{
	font-weight:bold;
	text-decoration:none;
	color:#DD5600;
	font-size:1.5em;
}

#proudest li a:hover
{
	font-weight:bold;
	text-decoration:underline;
	color:#DD5600;
}

.showCodePanel
{
	border-bottom:solid 1px Black;
	width:100%;
	height:734px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000;
	background-color:#eef;
	padding-top:35px;
}

.codePanel
{
	overflow:auto;
	width:100%;
	height:700px;
	text-align:left;
}

.features
{
	list-style-type:circle;
	list-style-position:outside;
	margin:10px 0 50px 25px;
	color:#050;
	width:50%;
}



/* Caption Images for TabControl etc */
.aspxTabControlIcon
{
	background:transparent url(contentImages/code-icons.png) no-repeat 0 -34px;
	padding-left:20px !important;
}

.csharpTabControlIcon
{
	background:transparent url(contentImages/code-icons.png) no-repeat 0 0;
	padding-left:20px !important;
}

.vbTabControlIcon
{
	background:transparent url(contentImages/code-icons.png) no-repeat 0 -17px;
	padding-left:20px !important;
}

.buttonCloseIcon
{
	background:transparent url(contentImages/code-icons.png) no-repeat 0 -50px;
}

.gaiax-button-icon span
{
	margin-left: 10px;
}


/* Styles for Viewport */
.viewPortDraggerHorz
{
	background: transparent url(contentImages/grabber.png) repeat-x 0 0;
	width:100%;
	height:1%;
	max-height:5px;
	background-color:#ddf;
	cursor:n-resize;
}

.viewPortDraggerVert
{
	background: transparent url(contentImages/grabber.png) repeat-y 0 0;
	width:1%;
	height:60%;
	max-width:6px;
	background-color:#ddf;
	float:left;
	cursor:e-resize;
}

.viewPortDraggerHorz:hover
{
	background: transparent url(contentImages/grabber-hover.png) repeat-x 0 0;
}

.viewPortDraggerVert:hover
{
	background: transparent url(contentImages/grabber-hover.png) repeat-y 0 0;
}

.shoppingCart
{
	border:solid 1px #999;
	display:block;
	float:left;
	height:326px;
	width:300px;
	background:transparent url(shopping/cart.png) no-repeat 0 0;
	float:left;
}

.shoppingCartHovered
{
	border:solid 1px yellow;
	display:block;
	float:left;
	height:326px;
	width:300px;
	background:transparent url(shopping/cart.png) no-repeat 0 0;
	float:left;
}






/* Code Formatting */
.csharpcode, .csharpcode pre {
	font-size: small;
	color: black;
	background-color: #ffffff;
	overflow:visible;
	/*white-space: pre;*/
}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt {
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}

.csharpcode .lnum { color: #606060; }


.actualCode {
	margin-left:auto; 
	margin-right:auto; 
	text-align:center; 
	width:90%;
}




/* GridView styles */



.header
{
	background-color:#328fd0;
	font-weight:bold;
	color:White;
	text-align:left;
}

.header th
{
	width:21%;
}

.sort
{	
	/*color:White;
	background:#328fd0;
	width:100%;
	height:100%;
	border:solid 1px #328fd0;*/
	cursor:pointer;
}

.sorted
{
	/*color:White;
	background:#328fd0 url(contentImages/menu_down111111111.png) no-repeat 0 0;
	width:100%;
	height:100%;
	border:solid 1px #328fd0;*/
	cursor:pointer;
}

.sortedDown
{
	/*color:White;
	background-color:#00ff00;*/
	cursor:pointer;
}

.sortBtn:hover
{
	border:solid 1px white;
	color:#eee;
}

.row
{
	color:#1c5176;
	text-align:left;
	font-size:1.1em;
}

.row td.cl
{
	padding:0;
}

.row:hover
{
	background:transparent url(../Skins/Gaiax/Calendar/cal-gradient.png) repeat-x 0 0;
}

.alternate
{
	background-color:#fefefe;
	color:#1c5176;
	text-align:left;
	font-size:1.1em;
}

.alternate td.cl
{
	padding:0;
}

.alternate:hover
{
	background:transparent url(../Skins/Gaiax/Calendar/cal-gradient.png) repeat-x 0 0;
}

.footer
{
	background-color:White;
	color:#000066;
}

.imgDropper
{
	float:right;
}

.hoverDropper
{
	background-color:#eee;
}

.imageUp
{
	
	background-image:url(UpDownImage/menu_down.png);	
	background-repeat:no-repeat;
	background-position:left;
}

.imageDown
{	
	background-image:url(UpDownImage/menu_up.png);	
	background-repeat:no-repeat;
	background-position:left;
}

/* Styles for CalendarSample */
.calendarTest
{
	width:100%;
	border-collapse:collapse;
	border:solid 1px #aaa;
}

.itemOdd
{
	background-color:#fff;
}

.itemEven
{
	background-color:#eee;
}

.itemOdd td
{
	padding:5px;
}

.itemEven td
{
	padding:5px;
}


.windowIcon
{
	background:transparent url(contentImages/tree-icon.png) no-repeat 0 0;
	padding-left: 20px;
}

.windowIconCSharp
{
	background:transparent url(contentImages/code-icons.png) no-repeat 0 0;
}

.googleMaps
{
	width: 400px;
	height: 300px;
	position: absolute;
}


.iGoogleDragged
{
	border:dashed 1px Orange;
	background-color:#eec;
}


/* Toolbar menu items icons*/

.gaiax-icon-house
{
	background:Transparent url(icons.png) no-repeat 0 0;
}
.gaiax-icon-computer
{
	background:Transparent url(icons.png) no-repeat -39px 0;
}
.gaiax-icon-nofolder
{
	background:Transparent url(icons.png) no-repeat -78px 0;
}
.gaiax-icon-musicfolder
{
	background:Transparent url(icons.png) no-repeat -117px 0;
}
.gaiax-icon-folder
{
	background:Transparent url(icons.png) no-repeat -156px 0;
}
.gaiax-icon-trashcan
{
	background:Transparent url(icons.png) no-repeat -195px 0;
}
.gaiax-icon-writer
{
	background:Transparent url(icons.png) no-repeat 0 -41px;
}
.gaiax-icon-refresh
{
	background:Transparent url(icons.png) no-repeat -39px -41px;
}
.gaiax-icon-drivers
{
	background:Transparent url(icons.png) no-repeat -78px -41px;
}
.gaiax-icon-package
{
	background:Transparent url(icons.png) no-repeat -117px -41px;
}
.gaiax-icon-mouse
{
	background:Transparent url(icons.png) no-repeat -156px -41px;
}
.gaiax-icon-cd
{
	background:Transparent url(icons.png) no-repeat -195px -41px;
}
.gaiax-icon-flower
{
	background:Transparent url(icons.png) no-repeat 0 -82px;
}
.gaiax-icon-warning
{
	background:Transparent url(icons.png) no-repeat -39px -82px;
}
.gaiax-icon-package
{
	background:Transparent url(icons.png) no-repeat -78px -82px;
}