/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100.40%;
  vertical-align: baseline;
  background: transparent;
  font-family:arial,sans-serif;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/**** END RESET ****/

/****************************************/
/**************** STRUCTURE *************/
/****************************************/


body {font: 11px/1.5em Verdana;background:#FFFFFF url("../images/bgHeader2.png") repeat-x top;text-align:center;}

#kampoos {
  margin:0 auto;
  min-width:950px;
  max-width:1400px;
  text-align:left;
  width: 90%;
  padding:0 20px 0 20px;
}

#container {
  padding:0;
  margin-right: -200px;
  float: left;
  width: 100%;
}
#main {
  margin-right: 220px;
}

#sideBar {
  margin: 0;
  width: 200px;
  float: left;
}

#tablelist {width:100%;}
#tablelist .w_fixe1 {width:125px;}
#tablelist .w_fixe2 {width:100px;}
#tablelist .w_fixe3 {width:80px;}
.td_trans {border: 0px !important;text-align:left !important;padding:10px 0 !important;}
.td_trans h2 {margin:0 !important;}
.inactive h2 {color:#cc0001 !important;}
 

#header {height:95px;width:100%; background:url("../images/bgHeader2.png") repeat-x top;} 
#logoDiv {position:absolute;width:228px;top:2px;}
#logoDiv #logo {height:88px; width:228px;margin:0;padding:0;background:#FFF url(../images/logo_10.png) no-repeat; background-color:transparent;}


#breadCrumb {clear:both;width:80% !important;text-align:left;padding:0 !important;float:left;}
#breadCrumb a {color:#000;font-weight:bold;text-decoration:none;}
#breadCrumb strong {color:#cc0001;}
#breadCrumb a:hover {text-decoration:underline;}

/********* news ************/
.news {width: 50%; float: left;}
.news a {text-decoration:none;}
.news a:hover {text-decoration:underline;}
.news .title a {color:#000;font-weight:500;font-size:1em;background:transparent url(../images/news.png) no-repeat scroll 10px 50%;padding:0 2px 0 30px;margin-bottom:20px;}
.news .descrip {padding-top:5px;}
.news .source {font-weight:98%; font-size: 0.8em; color:#888;}
.news .source a {color:#888;}
.news li {margin:3px 0;}
.news_h2 {text-align:right; margin-bottom: -2px; padding:0 4px 0 0;}   
.news_h2 span {position:relative;right:4px;top:-5px;font-weight:bold;color:#222;}
#start,#stop {position:relative;top:5px;}

   
#menuDiv {margin:0 auto;margin-top:43px;_margin-top:0px;}
#phrase {position:absolute;color:#999999;left:175px;top:55px;}

#tblImagesList {margin-top:5px;width:100%}

#languages {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	color:#FFF;
}

#languages li {
  display: inline;
  list-style-type: none;
  float: left;
  padding-right: 6px;
  padding-left: 6px;
  border-right: 1px solid #FFF;
}
#languages li.last {
  border-right: 0;
}
#languages a {color:#FFF;}

#login-form input {padding:0;margin:0;color:#333;cursor: hand;}
#login {text-align:right;padding:2px 5px 0 0;height:28px;color:#888;}
#login a {text-decoration:underline;}
#login a:hover {text-decoration:none;}
#login #user_username {width:100px;margin-left:3px;}
#login #user_password {width:100px;margin-left:3px;}
#login #user, #login #pwd {}
#login #register a:hover {text-decoration:underline;}
#login #register a {text-decoration:none;}
#login #register .r, #login #register .r a {font-weight:bold;color:#CC0001;}
#login #register .p, #login #register .p a {color:#888;}



#rss {text-align:right; margin:-23px 6px 0 0;padding:0;}
#rss span {font-weight:bold;vertical-align:super;padding-right:2px;} 
#rss a:hover {text-decoration:underline;}
#rss a {text-decoration:none;color:#000;}

.rss_h2 {text-align:right;margin-top:-21px;padding:0 4px 6px 0;}

#categories {margin:5px 0 0 20px;}

/*
#rss {text-align:right; width:100%;background:url("../images/rss.png") no-repeat right top; height:20px; margin:-20px 0 0 -10px;padding:0;}
#add {text-align:right; width:100%;background:url("../images/add.png") no-repeat right top; height:20px; margin:-24px 0 0 -35px;padding:0;}
*/


/***************************************/
/************* Bread Crumb *************/
/***************************************/	

#breadCrumb {font-size:93%;padding:0;margin:0px; height:20px; width:100%}	

/*******************/
/******* Last ******/
/*******************/



#lastZones, #lastUsers {}
#lastZones .zone,  #lastUsers .user {width:120px;padding:0 0 10px 0;}
#lastZones .zone a,  #lastUsers .user a  {color:#000;text-decoration:none;font-weight: bold; }
#lastZones .zone a:hover,  #lastUsers .user a:hover {text-decoration:underline;}
#lastZones .zone .routes {text-align:left;}

#lastVideo {padding-right:15px;}
/*
#lastImages {}
#lastImages .container {height:300px !important;}
*/

#lastImages .image a {color:#000;text-decoration:none;font-weight: bold;}
#lastImages .image a:hover {text-decoration:underline;}

/**********************/
/******* About ********/
/**********************/

#about {clear:both;margin-top:25px;}
#about .container {padding:20px 0 20px 20px;}
#about .zones {float:left;width:20%;background:url(../images/gifs/about_search.gif) no-repeat;padding:0 0 15px 40px;}
#about .users {float:left;width:20%;background:url(../images/gifs/about_user.gif) no-repeat;padding:0 0 15px 40px;margin-right:5px;}
#about .opinion {float:left;width:20%;background:url(../images/gifs/about_opinion.gif) no-repeat;padding:0 0 15px 40px;margin-right:5px;}
#about .google {float:right;width:20%;background:url(../images/gifs/about_world.gif) no-repeat;padding:0 0 15px 40px;}
#about span {font-weight:bold;font-size:large;text-align:left;}
#about h2 {padding:5px;color:#FFFFFF;background: #212121;background:url("../images/bgHdBlkBox.gif") repeat-x right top;}
#about .container {background:#ECEFF5; border:1px #CCC solid;}


/******* GRades  ******/

.grade_white {background: url(../images/grade_icons/grade_white.gif) no-repeat; width:4px; height:4px;}
.grade_yellow {background: url(../images/grade_icons/grade_yellow.gif) no-repeat; width:4px; height:4px;}
.grade_red {background: url(../images/grade_icons/grade_red.gif) no-repeat; width:4px; height:4px;}
.grade_blue {background: url(../images/grade_icons/grade_blue.gif) no-repeat; width:4px; height:4px;}
.grade_black {background: url(../images/grade_icons/grade_black.gif) no-repeat; width:4px; height:4px;}

/*************************/
/********* Zone **********/
/************************/

#mainZone {margin:0px 285px 0 0px;padding-top:0px;}
#sideBarZone {float:right;margin:0px;padding:0px;overflow:hidden;width:270px;}
#descriptionZone .text {padding-bottom:10px;}
#descriptionZone .grades {padding:5px 0 0 10px;}

/*
#localizationZone {float:right;width:250px;}

#mainZone {margin:0 265px 0 0;}
#mainZone .image {margin:10px;float:right;width:250px;}
#mainZone .description {padding:10px 0 0 10px;float:left;text-align:left;}
#mainZone .description h3 {margin:0px;padding:2px 0 0 0;}
#mainZone .name {float:left;}
#mainZone .puntuation {float:left;margin:6px 0 0 12px;}

#howtoarrive {float:right;width:250px;}


#userBox #image {padding:0 10px 10px 0;float:left;}
#userBox #description {padding-top:15px;float:left;text-align:left;}

#routeBox #image {padding:0 10px 10px 0;float:left;}
#routeBox #description {padding-top:15px;float:left;text-align:left;}
*/

/********************************/
/********** Footer *************/
/********************************/

#footer {margin:60px 0 0 0; padding:20px; text-align:center;background:#333;border-top:1px #222 solid;color:#FFF;}
#footer ul {margin:0;padding:0 0 5px 0;list-style:none;}
#footer li {display:inline;margin:0;padding:0;}
#footer a  {color:#FFF;text-decoration:underline;margin:2px;}
#footer a:hover {text-decoration:none;}
#license {margin-top:20px;}

/**********************/
/******* Comon ********/
/**********************/

.aleft {text-align:left !important;}
.aright {text-align:right;}

.mb10 {margin-bottom:10px;}

.fclear {clear:both;margin:0;padding:0;}
.fleft {float:left;}
.fright {float:right;}

#freeMaterial .product {background:url("../images/arrowBlkRight.gif") no-repeat 0px 5px;margin:3px 0 0 5px;}
#freeMaterial .product span {font-weight:none;color:#666;}
#freeMaterial .product a {font-weight:bold;padding-left:6px;color:#000;text-decoration:none;font-weight: bold;}
#freeMaterial .product a:hover {text-decoration:underline;}

.lastLink {clear: both; text-align:left;margin-top:1px;padding:0;font-size:100%;}
.lastLink a {text-decoration:none;font-weight: bold;padding-left:6px;}
.lastLink a:hover {text-decoration:underline;}

.routeShort {margin:0px;padding:0px;}

#routeShortDescrip {padding-bottom:5px;margin:0px;text-align:right;}
#routeShortDescrip ul {margin:0;padding:0;list-style:none;}
#routeShortDescrip li {display:inline;margin:0;padding-left:10px;}

.space {margin-top:25px;}

.zone-no-image {background:url("../images/zoneNoImage.png") no-repeat top; height:90px; width:120px;}
.zone-no-image-big {background:url("../images/zoneNoImageBig.png") no-repeat top; height:200px; width:300px;}
.user-no-image {background:url("../images/userNoImage.png") no-repeat top; height:80px; width:80px;}
.user-no-image-big {background:url("../images/userNoImageBig.png") no-repeat top; height:200px; width:200px;padding-bottom:15px;}
.route-no-image {background:url("../images/routeNoImage.png") no-repeat top; height:80px; width:80px;}
.route-no-image-big {background:url("../images/routeNoImageBig.png") no-repeat top; height:200px; width:300px;}

.editProfile {padding-top:10px;}

.rating {float:right;margin:17px 15px 0 0; clear: none; display: inline;}
.rating ul {float:right; clear: none; }
/*.rating #rating_message_590a1ce3c1eef90efde9d4883ed55a81 {color:red;} No serveix per a res. Les ids son dinàmiques */


#mapRotation {text-align:right; margin: 0;}
#mapRotation span {padding-bottom:4px;vertical-align:super;font-weight:bold;}
#mapRotation a {text-decoration:underline;color:#000;font-weight:bold;}
#mapRotation a:hover {text-decoration:none;}

/********************/
/******* Boxes ******/
/********************/

.wgmap {width:100%;}
.wh2 {#width:98.7%;}
.boxgmap {width:100%;height:450px;}

/******* box (main) ********/
.box {
	vertical-align: top;
	margin: 0 0 15px 0;
	background:#f2f2f2; 
	border: 1px #CCC solid;	
	color:#212121;
}

.box h2 {
	font-size: 1.5em;   		
	line-height: 1.4; 			
	margin: 1.0em;	
}
.box h2 span {color:#000;font-size:80%;}
.box .container {padding:0 15px 15px 15px;}


/******* box2 (other) ********/

.box2 {margin: 0 0 15px 0;}
.box2 h2 { padding:5px;}
.box2 .container {margin-top:3px;padding:10px;}


/******* box3 (like box1 style - color complentary) *******/
.box3 {
	margin: 0 0 15px 0;
	background:#212121; 
	border: 1px #666 solid;	
	color: #FFF;	
}
.box3 h2 {
	font-size: 1.2em;   		
	line-height: 1.4; 			
	margin:1.0em 1.0em 0.5em 1.0em;
	color: #FFF;
}
.box3 h2 span {color:#000;font-size:80%;}
.box3 .container {padding:0 15px 15px 15px;line-height:1.3em;}
.box3 a:hover {text-decoration:none;}
.box3 a {text-decoration:underline;}

/******* box5 (box1 - black) ********/
.box5 {
	margin: 0 0 15px 0;
	background:#ECEFF5;		
	color:#212121;	
}
.box5 h2 {color: #212121;font-size: 1.2em;line-height:1.0em;margin:1.0em 1.0em 0.5em 1.0em;}
.box5 h2 span {color:#000;font-size:80%;}
.box5 .container {padding:0 15px 15px 15px;line-height:1.2em;}
.box5 a:hover {text-decoration:none;}
.box5 a {text-decoration:underline;}

#zoneList h2 {margin-bottom:0;}

/****************************/
/******* Border images ******/
/****************************/
.thumb-image {float:left;margin:20px /* width:50%;height:50%;*/;}
.thumb-image .title {font-weight:bold;}

.brdImg {width:120px;border: 2px solid;}
.brdImg a {padding:0;margin:0; border: 0 none;}
.brdZone {width:120px;border: 2px solid;}
.brdUser {width:80px;border: 2px solid;}

.color-bouldering {border-color:#cc0001;}
.color-all {color:#339900;}
.color-sport_climbing {color:#814204;}
.color-lead_climbing {color:#F07E0E;}
.color-boulder_wall {color:#6d2660;}
.color-ice { color:#099FD8;}


/***** Admin Bar *****/
#adminBar {float:right;margin-top:2px;color:#CC0001;}
#admin_actions {float:right; border: 1px solid #999;padding:5px; margin-bottom:10px; width:auto; background:#eaeaea;}
#admin_actions ul {
  margin:0: 
  list-style:none;
  }
#admin_actions li {
  display:inline;
  margin:0;
  padding:0;
  /* background:url("../images/arrowBlkRight.gif") no-repeat 0px 5px;*/
  padding:0 10px 0 5px;
  }
  
#admin_actions a {color:#000;text-decoration:none;}
#admin_actions a:hover {text-decoration:underline;}

#admin_actions .edit {background: url(../images/icons/edit.png) no-repeat left top;padding:0 10px 5px 18px;}
#admin_actions .add {background: url(../images/icons/add.png) no-repeat left top;padding:0 10px 5px 18px;}

#msg-box {border: 1px solid #339900;padding:10px;background:#e5ffcc;float:left;width:26%;margin:5px 0 10px 0;}
#error-box  {border: 1px solid #CC0001;padding:10px;background:#ffe4e4;float:left;width:26%;margin:5px 0 10px 0;}

.msg-box {border: 1px solid #339900;padding:10px;background:#e5ffcc; margin: 10px;}

#disclaimer, #localization_map .help {
  border: 1px solid #E2C822;
  padding:10px; 
  background:#FFF9D7;
  margin-bottom: 15px;
  color:#333;
}

#user-rss {	
	padding: 5px;	
  	background:#ECEFF5 none repeat scroll 0 0;
  	border:1px solid #CCCCCC;
  	margin-top:15px;
}

#user-rss li {margin:10px 0 5px 15px;}

#imageUser {float:left;padding-right:15px;}
#descriptionUser {float:left;width:40%;}
#descriptionUser div {margin-bottom:10px;}


#ui-tabs-5 ul {padding:10px;}
#ui-tabs-5 ul li {padding:0 0 10px 0;}

.admin-list-options {width:120px;text-align:center;}
.admin-list-options a {color:#777;text-decoration:none;}
.admin-list-options a:hover {text-decoration:underline;}


#media-list h2 {margin:10px 0 10px 0;}

.adminEdit a {text-decoration:none;color:#777;}
.adminEdit a:hover {text-decoration:underline;}
.adminEdit {padding-right:20px;color:#777;}

#login-form td {padding:10px;margin:10px;}

.form-table td {padding-bottom:15px !important;}


 /*.error_list {color:red;background:#FFFFFF url("../images/alert.gif") no-repaet left top; }*/


.error_list {background:transparent url("../images/alert.png") no-repeat 0px 2px;color:#FF0000;height:auto;padding:0 0 0 17px;font-weight:bold;}

.mb15 {margin-bottom:15px;}

#activeUser {display:inline;}
#activeUser ul {margin:0;padding:0 0 5px 0;list-style:none;float:left;}
#activeUser li {display:inline;margin:0;padding:0;}
#activeUser .user {float:left;font-weight:bold;padding-right:5px;}
.clear {clear:both;margin:0;padding:0;}

/**** END MAIN.CSS ****/

/*** Start MENU.CSS ****/
/***************
**** colors ****
****************

blk    - #212121
red    - #cc0001
org    - #f07d0e
brn    - #814204
blu    - #0aa1da
prp    - #6d2660
grn    - #66CD00





*/

/***********************************/
/************* Menu ****************/
/***********************************/
#menu { 
  margin:0;  
  font: bold 12px/1.1em Verdana;
  line-height:normal; 
  
}

#menu ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#menu li {
  display:inline;
  margin:0;
  padding:0;
  }
#menu a {
  float:left;
  margin:0 2px 0 0;
  padding:0 0 0 4px;  
  text-decoration:none;
  }
#menu a span {
  float:left;
  display:block;
  padding:4px 15px 3px 6px;
  }
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}

/* End IE5-Mac hack */
#menu a:hover { background-position:0% -23px; }
#menu a:hover span { background-position:100% -23px; }

.menu_all a {background:url("../images/btnBlkLeft.png") no-repeat left top;}  
.menu_all a span {background:url("../images/btnBlkRight.png") no-repeat right top;}

.menu_bouldering a {background:url("../images/btnRedLeft.png") no-repeat left top;}  
.menu_bouldering a span {background:url("../images/btnRedRight.png") no-repeat right top;}
  
.menu_lead_climbing a {background:url("../images/btnOrangeLeft.png") no-repeat left top;}  
.menu_lead_climbing a span {background:url("../images/btnOrangeRight.png") no-repeat right top;}

.menu_sport_climbing a {background:url("../images/btnBrownLeft.png") no-repeat left top;}  
.menu_sport_climbing a span {background:url("../images/btnBrownRight.png") no-repeat right top;}
  
.menu_boulder_wall a {background:url("../images/btnPurpleLeft.png") no-repeat left top;}
.menu_boulder_wall a span {background:url("../images/btnPurpleRight.png") no-repeat right top;} 
  
.menu_ice a {background:url("../images/btnBlueLeft.png") no-repeat left top;}  
.menu_ice a span {background:url("../images/btnBlueRight.png") no-repeat right top;}

#menu .menu_all a span {color:#d4d4d4;}
#menu .menu_bouldering a span { color:#ffaaaa;}
#menu .menu_sport_climbing a span {color:#e5984e;}
#menu .menu_lead_climbing a span {color:#ffe2c7;}
#menu .menu_boulder_wall a span {color:#dca7d3;}
#menu .menu_ice a span { color:#d9edf4;}
#menu .active a span {color:#FFF;}
#menu a:hover span {color:#FFF !important;}

/***********************************/
/********** SubMenu ****************/
/***********************************/

#subMenu a:hover span {text-decoration:underline;}
#subMenu a span {font-weight:bold;}
#subMenu .subActive a span {color:#fff;text-decoration:underline;font-weight:bold;}
#subMenu {height:28px;padding:0 0 0 10px;width:99.4%;font-size:95%;}
#subMenuLeft {float:left;height:28px; width:6px;}
#subMenuRight {float:left;  height:28px; width:6px;}

#subMenu ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#subMenu li {
  display:inline;
  margin:0;
  padding:0;
  }

#subMenu a {
  float:left;
  margin:0 3px 0 0;
  padding:0 0 0 4px;  
  text-decoration:none;
  }
#subMenu a span {
  float:left;
  display:block;
  padding:6px 15px 3px 0px; 
  }
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subMenu a span {float:none;}

/***********************************/
/********** Zone menu **************/
/***********************************/

#menuZone {margin:0 0 5px 0;padding:0;}

#menuZone ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#menuZone li {
  display:inline;
  margin:0; 
  }
  
#menuZone a {
  float:left;
  margin:0 3px 0 0;
  padding:0 0 0 4px;  
  text-decoration:none;
  color:#000;
  }
    
#menuZone a {float:none;}
#menuZone .active a { text-decoration:underline; font-weight:bold;}

#menuZone a:hover { color:#777;}


#menuZone .main {background: url(../images/icons/home.png) no-repeat 0 0px;padding:0 5px 5px 15px;}
#menuZone .map {background: url(../images/icons/map.png) no-repeat left top;padding:0 5px 5px 15px;}
#menuZone .img {background: url(../images/icons/photo.png) no-repeat left top;padding:0 5px 5px 15px;}
#menuZone .route {background: url(../images/icons/route.png) no-repeat left top;padding:0 5px 5px 15px;}
#menuZone .video {background: url(../images/icons/video.png) no-repeat left top;padding:0 5px 5px 15px;}
#menuZone .media {background: url(../images/icons/download.png) no-repeat left top;padding:0 5px 5px 15px;}


/* #menuZone .img {background:url("../images/images.png") no-repeat;} */

#profile-info {
	margin: 10px;
	float: left;
	width: 29%;
	background:#ECEFF5 none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  padding: 10px;
  min-height: 300px;
}

#profile-info h2 {
	margin: 10px 0 10px 0;
	font-size: 1.2em;
}

#ascents-info {
  margin: 10px;
  float: left;
  background:#ECEFF5 none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  padding: 10px;
  min-height: 300px;
}

#ascents-info h2 {
  margin: 10px 0 10px 0;
  font-size: 1.2em;
}
/**** END MENU.CSS ****/

/*** START TABLELIST.CSS ***/
/* 
  TagBox table styles
  written by TagBox http://www.tagbox.de
*/
#tablelist table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #92C428;
  }
#tablelist caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
#tablelist td, #tablelist th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

#tablelist thead th, #tablelist tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  /*border: 1px solid #03476F;*/
  border: 1px solid #333;
  text-align: center;
  /*background: #4591AD;*/
  background: #333;
  color: #FFFFFF;
  padding-top:3px;
  }
#tablelist tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
#tablelist tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
#tablelist tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
#tablelist tbody th a:hover {
  background: transparent;
  color: #363636;
  }
#tablelist tbody th, #tablelist tbody td {
  vertical-align:middle;
  text-align: center;
  }
#tablelist tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }

#tablelist tr.odd {
  background: #CCC;
  }
#tablelist tr {
  background: white;
  }
/*** END TABLELIST.CSS ***/

/***** Forms *****/
form input, form textarea, select {
  border: 1px solid gray;
  font-size: 11px;
  padding: 2px;
  margin: 3px 3px 3px 0;
  width: none;
}

form td {
  text-align: left;
}
/***** End forms *****/

/***** Pager *****/

.pager {text-align: center; margin-left: auto; margin-right: auto; padding-top:18px;}
.pager .pager_act {background:#339900 none repeat scroll 0 0;
color:#333;
-x-system-font:none;
font-family:arial;
font-size:116%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:3px 8px 4px;
}

.pager a {
background:#444 none repeat scroll 0 0;
color:#FFF;
-x-system-font:none;
font-family:arial;
font-size:116%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:3px 8px 4px;
}

#video-listing #pages a {
background:#272727 none repeat scroll 0 0;
border:1px solid #555555;
color:#CCCCCC;
text-decoration:none;
}
#video-listing #pages span, #video-listing #pages a {
display:block;
float:left;
margin-right:3px;
}


.tablelist tbody th, .tablelist tbody td {
text-align:center;
vertical-align:middle;
}
.tablelist td, .tablelist th {
border:1px dotted #03476F;
color:#363636;
padding:0.4em;
}

.media-table td {
	vertical-align: top;
}

#video-pager {
	text-align: center;
}

#image-pager, #video-pager {
  color:#1C94C4;
  font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

#image-pager a:link, #video-pager a:link {
  color:#1C94C4;
  font-size: 1.2em;
  margin: 0 3px;
  font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  text-decoration: none;
  border:1px solid #CCCCCC;
  background-color: #F6F6F6;
  padding: 0 3px 0 3px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  behavior:url(border-radius.htc);
}

#image-pager a:hover, #video-pager a:hover  {
	color:#C77405;
	background-color: #FDF5CE;
	border:1px solid #FBCB09;
	-moz-border-radius:10px;
  -webkit-border-radius:10px;
  behavior:url(border-radius.htc);
}

.curved {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 behavior:url(border-radius.htc);
}

.sf_button {
  cursor:pointer;
  font-size:1em;
  margin:0 4px 0 0;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:0;
  padding:0.2em 0.3em;
  position:relative;
  text-align:center;
  text-decoration:none !important;
}

.sf_button_left_icon {
	padding: 0.4em 0.4em 0.4em 20px;
}

.sf_button span.ui-icon {
  left:0.2em;
  margin:-8px 5px 0 0;
  position:absolute;
  top:50%;
}

#tick_box {
	margin-bottom: 10px;
}

#editProfileDiv {  
  margin: 40px;
}

#editProfileDiv a {
	padding:0.4em 1em 0.4em 20px;
  position:relative;
  text-decoration:none;
}


#editProfileDiv span.ui-icon {
  left:0.2em;
  margin:-8px 5px 0 0;
  position:absolute;
  top:50%;
}

/*Decrypt Email */
.email-encrypt {
    unicode-bidi:bidi-override;
    direction: rtl;
}
.email-encrypt .email-decrypt-message {
    display:none;
}

#filter-routes #filter td {padding-right:20px;font-weight:bold;}

#filter-routes {
	background:none repeat scroll 0 0 #ECEFF5;
  border:1px solid #CCCCCC;
	display:block;
	font-size:1.2em;
	margin: 1em 1em 1em 15px;
	overflow:hidden;
	padding:0.8em 0.8em 0.3em;
	position:relative;
}