/* CSS Document */


body {margin:0 auto; padding:0;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
background:url(/images/body-back.gif) repeat-x;
height:100%;
}





#wrapper {  width:100%; 
		min-height: 100%;
		padding:0px;
		position:absolute;

		 }	




.pager { text-align:center;}

.main-pager { padding:0 35px 0 17px; margin:0;}


* html #wrapper {
  height: 100%
}		




h1, h2, h3, h4, h5, h6  {color:#ff863d;}

h1 { font-size:30px;}
h2 { font-size:24px;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
h6 { font-size:12px;}

#welcome-user {margin:0; height:auto; width:auto; text-align:right; color:#fff; font-weight:bold;}


#layout {margin:0 auto 20px auto; padding:0; width:800px; height:auto; 
background:xxurl(layout_back.gif) no-repeat top left; 
}


a {color:#0079c2; text-decoration:none;}



img a { border-bottom-style:none;}



#sign-up {margin:0; padding:5px; border: 3px solid #fff;  background:url(/images/sing-up.gif) top right no-repeat;
background-color:#ff863d; font-weight:bold;}

#sign-up h1 {color:#FFFFFF;}

#main-menu { right:0; padding:10px; color:#FFFFFF; z-index:200; position:absolute; text-align:center; font-size:12px; font-weight:bold;}
#main-menu a { color:#FFFFFF; }

#header {height:80px; width:800px;} 
#logo { height:140px; width:351px; margin:0 auto; padding:0;


 }

#search {height:auto; margin:20px 26px 20px 0; padding:1px 0 0 220px;
}

#headline {margin:0 auto 0 auto; padding:0 0 1px 0; font-size:30px; font-weight:bold; text-align:center;}
#sub-headline {margin:0 auto; padding:1px; font-size:18px; font-weight:bold; text-align:center; color:#888;}

#content  { padding:0 0 20px 0; margin:0 0 0 0; xxxbackground:url(content_back.gif); 
background-repeat:repeat-y;}

/* Gallery List */


.alphacloud { width:auto;  margin:0 auto; padding:0 0 0 0; text-align:justify;}

#content .left {border: 1px solid red; float:left; width:500px;}
#content .right {border: 1px solid blue; float:right;  width:280px;}
.tour {border: 1px solid blue; float:left;  width:275px; height:200px; margin:20px 0 0 20px; padding:0; background-color:#FF8040;}
#content .right .featured-bliget {border: 1px solid blue; float:right;  width:275px; height:300px; margin:20px 0 0 0; padding:0;}



#instructions {width:50%; float:right; margin:0 0 10px 0; padding:0 0 0 10px;}




.galleryList {padding: 0; margin:0px auto; width:100%;}	

/* Gallery */

.gallery { padding: 0; margin: 0px auto; width:720px; height:auto;}
.gallery h2 { letter-spacing: 0px; padding: 5px 0px; margin: 0px 0px 5px 0px;}

.gallery ul { padding: 0px; margin: 0px;}
.gallery ul li { margin:0px; LIST-STYLE-TYPE: none; display: inline; }
.gallery ul li ul {}
.gallery ul li ul li {padding: 0px; margin: 0px; }
.gallery span { background: url(/images/text_rating.png); height: auto;}
.gallery span img { border: none; margin: 3px; padding: 1px;}
.gallery .rating { background: #e7f1c4 url(/images/text_rating.png) no-repeat bottom; height: 192px; width: 20px; padding-top: 5px; margin-left: 2px;}
.gallery .normal {  background-image:url(/images/normal_back.gif); float: left; padding: 0; width: 226px;  margin:5px; }
.gallery .normal big a { color: #546324; text-decoration: none;}
.gallery .normal small a { color: #acb97f;}
.gallery .normal img { background: #fff; border: none; margin: 2px; padding: 2px;}
.gallery .normal big p {  margin: 0px; padding: 0px; font-size: 9px; font-weight: bold; letter-spacing: 0px;}
.gallery .active { background-image:url(/images/normal_back.gif);float: left; padding: 0; width: 226px;  margin:5px;}
.gallery .active big a { color: #fff; text-decoration: underline;}
.gallery .active small a { color: #4b8cb4; text-decoration: none;}
.gallery .active img { background: #fff; border: none; margin: 2px; padding: 2px;}
.gallery .active big p { margin: 0px; padding: 0px; font-size: 9px; font-weight: bold; letter-spacing: 0px; color: #fff;}
.gallery span big, small { float: left; font-weight: bold;  }
.gallery span big { width: 200px; font-size: 12px; letter-spacing: -1px; padding: 18px 0px 0px 6px;  line-height: 14px;  }
.gallery span small { width: 45px; font-size: 28px; line-height: 28px; letter-spacing: -3px; padding-top: 16px; text-align: center;  }
.gallery .headLinks { position: absolute; margin: -30px 0px 0px 200px; width: 90px; color: #000; font-size: 9px; line-height: 9px; }
.gallery .headLinks li { padding: 1px; margin: 0px; list-style-type: none; font-weight: bold; display: block; }
.gallery .headLinks li a { color: #7ec2f2;}
.gallery .headLinks li a:hover { color: #005a5a; text-decoration: underline;}



div.goalsoup { width:400px; height:auto; padding:0; margin:0;
    color: #666;
}

div.goalsoup span a { 
	color: #000;
	line-height: 25px;
	margin: 0 2px;
}

span.nobreak {
	white-space: nowrap;
}

div.goalsoup span span.nobreak a {
	font-size: 12px;
}

div.goalsoup span.level1 { font-size: 11px; line-height: 15px; }
div.goalsoup span.level2 { font-size: 12px; line-height: 17px; }
div.goalsoup span.level3 { font-size: 14px; line-height: 19px; }
div.goalsoup span.level4 { font-size: 16px; line-height: 21px; }
div.goalsoup span.level5 { font-size: 18px; line-height: 23px; }
div.goalsoup span.level6 { font-size: 20px; line-height: 25px; }
div.goalsoup span.level7 { font-size: 22px; line-height: 27px; }
div.goalsoup span.level8 { font-size: 24px; line-height: 29px; }
div.goalsoup span.level9 { font-size: 26px; line-height: 31px; }

div.goalsoup span.level1 a { background: #FFFBEE; color: #777; }
div.goalsoup span.level2 a { background: #FFF6DD; color: #555; }
div.goalsoup span.level3 a { background: #FFF2CD; color: #333; }
div.goalsoup span.level4 a { background: #FFEEBB; color: #000; }
div.goalsoup span.level5 a { background: #FFEAAB; color: #000; }
div.goalsoup span.level6 a { background: #FFE699; color: #000; }
div.goalsoup span.level7 a { background: #FFE188; color: #000; }
div.goalsoup span.level8 a { background: #FFDD77; color: #000; }
div.goalsoup span.level9 a { background: #FFDD77; color: #000; font-weight: bold; padding: 0 4px; }

div.goalsoup span a:hover,
div.goalsoup span.level1 a:hover,
div.goalsoup span.level2 a:hover,
div.goalsoup span.level3 a:hover {
	color: #000;
	background-color: #fc3;
}

.tagsoup span.level1 { font-size: 12px; line-height: 17px; }
.tagsoup span.level2 { font-size: 14px; line-height: 19px; }
.tagsoup span.level3 { font-size: 16px; line-height: 21px; }
.tagsoup span.level4 { font-size: 18px; line-height: 23px; }
.tagsoup span.level5 { font-size: 20px; line-height: 25px; }
.tagsoup span.level6 { font-size: 22px; line-height: 27px; }
.tagsoup span.level7 { font-size: 24px; line-height: 29px; }
.tagsoup span.level8 { font-size: 26px; line-height: 31px; }
.tagsoup span.level9 { font-size: 28px; line-height: 33px; }

.tagsoup span.level1 a { background: #FFFBEE; color: #777; }
.tagsoup span.level2 a { background: #FFF6DD; color: #555; }
.tagsoup span.level3 a { background: #FFF2CD; color: #333; }
.tagsoup span.level4 a { background: #FFEEBB; color: #000; }
.tagsoup span.level5 a { background: #FFEAAB; color: #000; }
.tagsoup span.level6 a { background: #FFE699; color: #000; }
.tagsoup span.level7 a { background: #FFE188; color: #000; }
.tagsoup span.level8 a { background: #FFDD77; color: #000; }
.tagsoup span.level9 a { background: #FFDD77; color: #000; font-weight: bold; padding: 0 4px; }

.tagsoup span a:hover,
.tagsoup span.level1 a:hover,
.tagsoup span.level2 a:hover,
.tagsoup span.level3 a:hover {
	color: #000;
	background-color: #fc3;
}

div.goalsoup span.personinsert {
	margin: 0 5px;
}

div.goalsoup span.personinsert img {
	vertical-align: middle;
}

div.goalsoup span.personinsert a {
	font-size: 12px;
	padding: 0;
	color: #555;
	margin: 0;
}


ul.persons-tags {margin: 0 15px; padding: 0; font-size: 11px; }
ul.persons-tags li span.num-people { font-size: 10px;  }
ul.persons-tags li span.level1 { font-size: 12px; line-height: 16px; }
ul.persons-tags li span.level2 { font-size: 13px; line-height: 17px; }
ul.persons-tags li span.level3 { font-size: 14px; line-height: 18px; }
ul.persons-tags li span.level4 { font-size: 15px; line-height: 19px; }
ul.persons-tags li span.level5 { font-size: 16px; line-height: 20px; }
ul.persons-tags li span.level6 { font-size: 17px; line-height: 21px; }
ul.persons-tags li span.level7 { font-size: 18px; line-height: 22px; }
ul.persons-tags li span.level8 { font-size: 19px; line-height: 23px; }
ul.persons-tags li span.level9 { font-size: 20px; line-height: 24px; }



#wrapper #footer {padding:12px 0 11px 0; bottom:0; position:absolute; width:100%;
background:url(/images/footer_back.gif) repeat-x ; text-align:center;
}


#footer-content { margin:0 auto; padding:0; width:352px;}

#footer-content a {color:#000;}

#powered-log {height:15px; width:80px; background-image:url(/images/powered_azri.jpg); float:left; float:left; margin:0 0 0 5px;}

#search-field { 
	width: 355px; padding:0;
	float:left;
	margin:0 0 0 0;

	
}

#search-field input {
    width: 340px; 
	font-family: "courier new", courier, monospace;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 24px;
	height: 25px;
	margin: 4px;
border: 5px solid #aedaa9;
}



#go_button a {text-align:center; 
		background: url(/images/go_button.gif) no-repeat;
		padding:0;
		height:41px;
		width: 55px;
		font-weight:bold;
		text-align:center; 
		float:left;
		margin: 0px 0 0 0px; 
}

#go_button a:hover {text-align:center;
				background:url(/images/go_button_hover.gif) no-repeat;
		padding:0; 
		margin: 0;
		height:41px;
		width: 55px;
		color:#FFFFFF;

		font-weight:bold;
		text-align:center; 
		float:left;}





/* portlet start*/


#portlet-wrapper {width:792px; height:auto; margin:0 auto; padding:0;}

#col-one {width:264px; height:auto; float:left; }
#col-two {width:264px; height:auto; float:left; }
#col-three {width:264px; height:auto; float:left;}



#portlet {width:229px; float:left; background-image:url(/images/portlet_back.gif); margin:20px 16px;}


#portlet a { text-decoration:none;}

#portlet-header { width:229px; height:35px; margin:0; padding:0; background-image:url(/images/portlet_header.gif); }



#portlet-header h2 { margin:0 0 0 0; padding:4px 0 0 7px; font-size:16px; color:#0079c2; float:left; font-weight:bold;}
#portlet-header .delete { margin:0 0 0 0; padding:4px 7px 3px 3px; font-size:18px; float:right; color:#000;
font-weight:bold;}


#portlet-bottom{ width:229px; height:26px; margin:0; background-image:url(/images/portlet_bottom.gif);}

#portlet-bottom a {color:#ff863d; text-decoration:none;}

#portlet-bottom h2{ margin:0; padding:5px 0 0 7px; font-size:12px; font-weight:bold; color:#ff863d;}

#portlet-bottom .get-code { margin:0 0 0 0; padding:5px 0 0 7px; font-size:12px; float:left; color:#ff863d;
font-weight:bold; }


#portlet-bottom .create-item { margin:0 0 0 0; padding:5px 7px 0 0; font-size:12px; float:right; color:#ff863d;
font-weight:bold; text-align:right; }

#portlet-content{ width:213px;  margin:0 auto; padding:0; }

#portlet td {border: none;}
td.name {margin:0; padding:3px; font-weight:bold; color:#7d987a;}

td.name a{color:#7d987a;}
td.popularity {margin:0; padding:3px; font-weight:bold; text-align:right; border: 1px solid red;}
td.popularity a { padding:3px; font-weight:bold;}
td.action {margin:0; padding:3px; text-align:right;}

#portlet-content table {margin:0; padding:0; width:100%; border-bottom: 1px solid #e1f1e0;}

/* portlet end*/



#new-item { width:272px; height:255px; background:url(/images/new-item-back.gif) no-repeat; margin:0; padding:0 0 0 0;}

#new-item h1 {margin:0 0 0 0; padding:8px 0 0 8px; color:#0079c2}
#new-item .content {height:auto; width:auto; margin:30px 0 0 20px; padding:0;}

.list {width:180px; height:auto; margin:0 auto 10px auto; padding:0;  
font-size:11px; padding:0 0 0 0; font-weight:bold;  }
.list h2 {font-size:14px; margin:0 0 0 0; padding:2px 0 2px 2px; color:#fff; text-align:left; color:#000000;}
.list p { padding:0; margin:5px 4px; }
.list .Rating {margin:0; padding:3px 0; width:30%; float:left; background-color:#c7cdcd; text-align:center;}
.list .Popularity{margin:0; padding:3px 0; width:30%; float:left; background-color:#9aa3a3; text-align:center;}
.list .Edit-Delete{margin:0; padding:3px 0; width:30%; float:left; background-color:#c7cdcd; text-align:center;}

.actionlinks {width:auto; text-align:right; margin:0 0 0 0; padding:0 0 5px 0; font-size:80%; font-weight:bold;
text-align:center; border-bottom: 1px solid #c7cdcd;}

.actionlinks a {width:auto; color:#a64539; text-align:right; margin:0 0 0 0; padding:0; font-size:80%; font-weight:bold;
text-align:center;}


.quictime-icons {height:auto; width:auto; float:left;}

#steps-wrapper { height:auto; margin:20px auto 0 auto; padding:0; width:auto;  width:726px;}

.steps {margin:9px; padding:0; height:150px; width:200px; float:left; border: 1px solid #333;}

.step01 {margin:0; padding:0; height:192px; width:242px; float:left; }
.step02 {margin:0; padding:0; height:192px; width:242px; float:left; }
.step03 {margin:0; padding:0; height:192px; width:242px; float:left; }





	.alphacloud a { line-height: 1.4em; padding-right: 0.4em; }
	.alphacloud a:hover { background-color:#ffdcb7;}
	.freqcloud a { line-height: 1.7em; padding-right: 0.4em; }
	.nube1 { font-size: 90%;  }
	.nube2 { font-size: 120%; }
	.nube3 { font-size: 150%; }
	.nube4 { font-size: 200%; }
	.nube5 { font-size: 260%; }


table.faqs {margin:0; text-align:justify;}
table.faqs h3 {margin:15px 0 0 0; font-size:16px;}
table.faqs td {padding:10px;}

h4.alert  {
   font-size: 0.8em;
   font-weight:bold;
   margin:0;
   padding:5px;
}
h4.error  {
   color:#fff; 
   background:#c00;
}
h4.notice {
  color:#060;
  background:#e2f9e3;
}