html {
	height: 100%;
	}


body {
	background:#fff;
	color:#000;
	font:12px  Helvetica, Verdana, sans-serif;
	height: 100%;
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
.left {
	float:left
}
.right {
	float:right;

}
.clear {
	clear:both;
	display:block;
	height:0em;
}
.wrap {
	width:980px;
	margin:0 auto;
	text-align:left;
}

.png {
	display:block;
}

#header {
	position:relative;
	margin:0 auto;
	text-align:left;
	width:980px;
	height:105px;
}
	#header h1 {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
		padding-top:20px;
		padding-bottom:23px;
		float:left;
	}
		#header h1 img {
			display:block;
		}

	#header .tryitnow {
		position:absolute;
		right:0px;
		top:0px;
	}

	#header .tab {
		float:right;
		background:url(../img/tab-l.png) no-repeat;
		background-position:0px 40px;
		padding-top:40px;
		height:36px;
		padding-left:10px;
	}
		#header .tab ul {
			background:url(../img/tab-r.png) no-repeat right #f5f5f5;
			font:bold 20px Helvetica, Verdana, sans-serif;
			height:36px;
			padding-right:10px;
		}
			#header .tab ul li {
				display:block;
				float:left;
			}
				#header .tab ul li a {
					display:block;
					float:left;
					text-decoration:none;
					color:#777;
					height:36px;
					line-height:26px;
					padding:3px 10px;
				}
				#header .tab ul li a:hover {
					color:#ff5a00;
				}
				#header .tab ul li a.active {
					color:#ffae00;
				}

                                #language a {

					text-decoration:none;
					color:#000000;
                                }
                                
                                #language a:hover {
					text-decoration:none;
					color:#ffa500;
                                }

                                #language a:active {
					text-decoration:underline;
					color:#000000;
                                }

#banner-small {
	background:url(../img/main-bg.png) repeat #ff5a00;
	height:115px;
	margin:0;
	padding:0;
}


#banner-small .wrapper .wrap h1 {
color:white;
				font-size:46px;
				font-weight:bold;
				padding:30px 0px 0px 0px;
				text-transform:uppercase;
				text-align:left;
}

#banner-small .wrapper .wrap {
			
			width:980px;
			position:relative;
		}

#banner {
	background:url(../img/main-bg.png) repeat #ff5a00;
	height:375px;
	margin:0;
	padding:0;
}
	#banner .wrapper {
		background:url(../img/banner-bg.png) no-repeat 50% 0px;
		height:375px;
	}

		#banner .wrapper .wrap {
			height:346px;
			position:relative;
		}

			#banner .wrapper .wrap h2 {
				color:white;
				font-size:52px;
				font-weight:bold;
				padding:30px 0px 0px 0px;
				text-transform:uppercase;
				text-align:right;
			}
			
			#banner .wrapper .wrap h3 {
				color:white;
				font:bold 28px  Helvetica, Verdana, sans-serif;
				padding:10px 0px 0px 0px;
				text-align:right;
			}



			#banner .wrapper .wrap .create a:hover,
			#banner .wrapper .wrap .create a:active {
				background-position:0px -78px;
			}

			#banner .wrapper .wrap .controls {
				position:absolute;
				display:block;
				top:15px;
				left:0px;
			}

			#banner .wrapper .wrap .controls a {
				background:url(../img/selector.png) no-repeat 0px -28px;
				display:block;
				float:left;
				width:14px;
				height:14px;
				z-index:10;
				text-indent:-9999px;
				margin:4px;
			}

			#banner .wrapper .wrap .controls a:hover,
			#banner .wrapper .wrap .controls a:active {
				background-position:0px -14px;
			}

			#banner .wrapper .wrap .controls .selected {
				background-position:0px 0px;
			}

			#banner .wrapper .wrap .banner-left {
				position:absolute;
				display:block;
				left:0px;
				color:#ffffff;
				float: left;
				width: 730px;
				margin-top:40px;
			}
			#banner .wrapper .wrap .header{
                                font-size:20px;
                                
                                text-align:left;
                                color: white;
                                margin-left: 0px;
			}
			
			#banner .wrapper .wrap .banner-left .header2{
                                font-size:20px;
                                font-weight:bold;
                                text-align:left;
			}
			
			#headerW{
                               margin-top:15px;
			}

			#banner .wrapper .wrap .banner-left .title{
                                text-align:left;
				border:0px;
                                margin-left:0px;
                                margin-top:0px;
				width:100%;
				font-size: 36pt;
				background: transparent;
				color: white;
			}

			
			#banner .wrapper .wrap .banner-left .description-bg{
			margin-top: 10px;
			}

			#banner .wrapper .wrap .banner-left .description{
                                text-align:left;
				border:0px;
				margin:10px 0px;
				width:700px;
				
				padding:10px;
				border-radius:15px;
				border: solid 2px darkorange;
			}

		

			#banner .wrapper .wrap .banner-left .link{
                                text-align:left;
				border:0px;
                                margin-left:0px;
                                margin-top:0px;
				width:100%;
				color: white;
				background-color:transparent;
				
			}

			
			
			#banner .wrapper .wrap .banner-left .banner-bottom{
				margin-top:15px;
                                width:500px;
			}

			#banner .wrapper .wrap .banner-left .banner-bottom .banner-bottom-left{
				float: left;
				width:100px;
			}

			#banner .wrapper .wrap .banner-left .banner-bottom .banner-bottom-right{
				float: right;
				width:250px;
			}

			#banner .wrapper .wrap .banner-right {
				left: 740px;
				position: absolute;
				margin-top:40px;
			}

			#banner .wrapper .wrap .banner-right-left {
                               
				width:250px;
				color:#ffffff;
				top: 0;
				
				height:350px;
			}

			#banner .wrapper .wrap .banner-right-left .newtable-button a:hover,
			#banner .wrapper .wrap .banner-right-left .newtable-button a:active {
				background-position:0px -70px;
			}

			#banner .wrapper .wrap .banner-right-left .copytable-button a:hover,
			#banner .wrapper .wrap .banner-right-left .copytable-button a:active {
				background-position:0px -70px;
			}


			#banner .wrapper .wrap .banner-right-left .header{
                                font-size:20px;
                                
                                text-align:left;
                                margin-top:10px;
                                
			}

			#banner .wrapper .wrap .banner-right-left .addthis-area {
				
                               
                                margin-left:10px;
				display:block;
				right:0px;
				width: 224px;
				margin-bottom:8px;
			}

			#banner .wrapper .wrap .banner-right-left .addthis-area .table{
                                padding-top:7px;
                                
			}

                        #banner table TD{
                                padding:4px;
                        }

			#banner .wrapper .wrap .banner-right-ad {
                                height:335px;
				width:212px;
				color:#ffffff;
				position: absolute;
				right: 0;
				top: 0;
				margin-top:15px;
			}

			#banner .wrapper .wrap .banner-right-ad .amazon{
								postion: absolute;
                                
                                padding: 12px 6px;
                                background:url(../img/adarea.png) no-repeat 0px 0px;
                                height:305px;
			}

#content {
	background:#fff;
margin-top:20px;
			
			min-height: 100%;
			padding-bottom:188px;
}

        #content h1 {
                font-size:20px;
                font-weight:bold;
                text-align:left;
				padding-top:1em;
				padding-bottom:1em;
        }
        
        #content h2 {
                font-size:16px;
                font-weight:bold;
                text-align:left;
				padding-top:1em;
				padding-bottom:1em;
        }
        
        #content p {
        		padding-top:.5em;
				padding-bottom:.5em;
        }
        
         #content IMG.displayed {  
        		display: block;
  			  	margin-left: auto;
   			 	margin-right: auto
     	}
    
		 #content p.question {
				font-weight: bold;
    	}
		 #content p.answer {
				font-style:italic;
    	}
        

        #content a {
                text-decoration:underline;
				color:#000000;
				font-weight: normal;
        }

        #content a:hover {
		text-decoration:underline;
		color:#ffa500;
        }

        #content a:active {
                  text-decoration:underline;
                  color:#000000;
        }

        #content li {
                padding-top:5px;
                padding-bottom:5px;
                padding-left:10px;
                font:bold 12px Helvetica, Verdana,sans-serif;
        }
        
	#content .top {
		margin-top:0px;
		margin-bottom:0px;
		width:980px;
		height: 300px;
	}

		#content .top .left {
			width:455px;
			padding-left:0px;
			
		}

		#content .top .right {
			width:485px;
			padding-left:0px;
			margin-top:30px;
		}


	
        #content .free {
                font:16px Helvetica, Verdana,sans-serif;
        }




		#content .template-1 a:hover,
		#content .template-1 a:active {
			background-position:0px -78px;
		}


		#content .template-2 a:hover,
		#content .template-2 a:active {
			background-position:0px -78px;
		}


		#content .template-3 a:hover,
		#content .template-3 a:active {
			background-position:0px -78px;
		}


		#content .template-4 a:hover,
		#content .template-4 a:active {
			background-position:0px -78px;
		}



.bottom {
	margin-top:30px;
	margin-bottom:30px;
}

#container {
   min-height:100%;
   position:relative;
}

* html div#container {
   height:100%;
   position:relative;
}


#footer {
	background:url(../img/footer-bg.png) repeat #ff5a00;
	 position:absolute;
   bottom:0;
	width:100%;
	clear:both;
}

	#footer .wrapper {
		background:url(../img/footer-bg.png) no-repeat 50% 0px;
		height:168px;
	}
	
	#footer .wrapper .wrap {
		padding-top:30px;
		text-align:center;
	}

	#footer ul {
		float:left;
		width:245px;
		text-align:left;
		font-size:12px;
		font-weight:bold;
	}

		#footer li {
			display:list-item;
			color:#fff;
			height:20px;
		}
			#footer li h4 {
				color:#fff;
				font-size:15px;
				font-weight:bold;
			}

			#footer li a,
			#footer p a {
				color:#fff;
				text-decoration:none;
			}
			#footer li a:hover,
			#footer p a:hover {
				color:#b33e00;
			}
			
			#footer li a img,
			#footer li a:hover img {
				border:none;
				margin:0;
				padding:0;
				vertical-align:bottom;
			}
			
	#footer p {
		padding-top:12px;
		color:#fff;
		text-align:center;
	}
	
#loading {
	height: 20px;
}

#table .tab {
  border: 2px solid #FF5A00;
  margin: 2px;
}

#table .tab td{
  padding: 2px;
  border: 1px solid #FF5A00;
}

#table {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

#table .textBox {
	border: none;
	color: black;
	font-size: small;
}

#table .textBoxURL {
	border: none;
	color: blue;
	font-size: small;
	cursor: pointer;
}

.addRowButton {
	background: url("../images/addrow.gif") ;
  width: 29px;    
  height: 30px;
  cursor: pointer;
  cursor: hand;
}



.addColButton {
	background: url("../images/addcol.gif") ;
  width: 29px;    
  height: 30px;
  cursor: pointer;
  cursor: hand;
}

.remRowButton {
	background: url("../images/subrow.gif") ;
  width: 29px;    
  height: 30px;
  cursor: pointer;
  cursor: hand;
}

.remColButton {
	background: url("../images/subcol.gif") ;
  width: 29px;    
  height: 30px;
  cursor: pointer;
  cursor: hand;
}

.serverResponseLabelError {
  color: red;
}

.google-ad {
	margin-top: 5px;
	margin-bottom: 5px;
}

.dialogBox .Caption {
  background: #e3e8f3 url(../images/hborder.png) repeat-x 0px -2003px;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #FF5A00;
}

.dialogBox .dialogContent {
}

.dialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}

.dialogBox .dialogBottomCenter {
  background: url(../images/hborder.png) repeat-x 0px -4px;
  -background: url(../images/hborder_ie6.png) repeat-x 0px -4px;
}

.dialogBox .dialogMiddleLeft {
  background: url(../images/vborder.png) repeat-y;
}

.dialogBox .dialogMiddleRight {
  background: url(../images/vborder.png) repeat-y -4px 0px;
  -background: url(../images/vborder_ie6.png) repeat-y -4px 0px;
}

.dialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}

.dialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}

.dialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.dialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.dialogBox .dialogTopLeft {
  background: url(../images/corner.png) no-repeat -13px 0px;
  -background: url(../images/corner_ie6.png) no-repeat -13px 0px;
}

.dialogBox .dialogTopRight {
  background: url(../images/corner.png) no-repeat -18px 0px;
  -background: url(../images/corner_ie6.png) no-repeat -18px 0px;
}

.dialogBox .dialogBottomLeft {
  background: url(../images/corner.png) no-repeat 0px -15px;
  -background: url(../images/corner_ie6.png) no-repeat 0px -15px;
}

.dialogBox .dialogBottomRight {
  background: url(../images/corner.png) no-repeat -5px -15px;
  -background: url(../images/corner_ie6.png) no-repeat -5px -15px;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.gwt-PopupPanel {
  border: 3px solid #e7e7e7;
  padding: 3px;
  background: white;
}

html>body .gwt-PopupPanel {
}

* html .gwt-PopupPanel {
}

.gwt-DecoratedPopupPanel .popupContent {
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: #f1f1f1;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
  background: url(../images/hborder.png) 0px -2937px repeat-x;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
  background:  url(../images/hborder.png) repeat-x 0px -2938px;
  -background: url(../images/hborder_ie6.png) repeat-x 0px -2138px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
  background: url(../images/vborder.png) -21px 0px repeat-y;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
  background: url(../images/vborder.png) repeat-y -24px 0px;
  -background: url(../images/vborder_ie6.png) repeat-y -24px 0px;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopLeft {
  background: url(../images/circles.png) no-repeat 0px -16px;
  -background: url(../images/circles_ie6.png) no-repeat 0px -16px;
}

.gwt-DecoratedPopupPanel .popupTopRight {
  background: url(../images/circles.png) no-repeat -6px -16px;
  -background: url(../images/circles_ie6.png) no-repeat -6px -16px;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
  background: url(../images/circles.png) no-repeat 0px -21px;
  -background: url(../images/circles_ie6.png) no-repeat 0px -21px;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
  background: url(../images/circles.png) no-repeat -6px -21px;
  -background: url(../images/circles_ie6.png) no-repeat -6px -21px;
}

html>body .gwt-DecoratedPopupPanel {
}

* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 6px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 6px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}