/* Send Message Box */
	#SendMsgBox div
	{
	  margin: 0 auto;
	  padding: 0;
	}	

	#SendMsgBox .msgtitle {  
	   font: small Arial, Verdana, Helvetica, sans-serif;
	   font-weight: bold;
	   padding: 0;
	}
	
	#SendMsgBox .textarea { 
		border: 1px solid #333333;
		font: small Arial, Verdana, Helvetica, sans-serif;
		width: 350px;
		color:#777;
	}	
		
    #SendMsgBox .listarea{
		height: 190px;		
		border: 1px solid #333333;
		font: small Arial, Verdana, Helvetica, sans-serif;
		width: 350px;
		overflow: auto;
		background-color:#FFFFFF;
		color:#333333;
	}	
	
	#hisa .user1{
	    display:block;
		font-size:10px;
	}
	
	#hisa .user2{
	    display:block;
		background: #CCCCCC;
		font-size:10px;
	}
	
	#SendMsgBox .button { 
		font: small Arial, Verdana, Helvetica, sans-serif;
		border: 1px solid #CCC;
		background: #FFF; 
		color: #333;
		padding:2px;
	}

/*Change Profile picture box*/	
	#ChangeProPic div
	{
	  width: 250px;
	  margin: 0px auto;
	  padding: 10px;
	  left : 54%;
	  top: 38%;
	  position: absolute;
	  font: small Arial, Verdana, Helvetica, sans-serif; 
	  font-weight: bold;
	}

	#ChangeProPic .upform
	{
	  width: 250px;
	  margin: 0px auto;
	}
	
	#ChangeProPic div.upimgbox{ 
	   background-color: #EBEBEB;
	   border: 2px solid #CCCCCC;
	}
	
	#ChangeProPic .button { 
		margin: 0; 
		font: bold 1em Arial, Sans-serif; 
		border: 1px solid #CCC;
		background: #FFF; 
		padding: 3px 5px; 
		color: #333;	
	}

/*Css Comment box*/
	.commentleftbox{
		background-color: #ececec;
		padding: 10px;
	    margin: 0 0 0 73px; 
	    min-height: 35px;
	}

    .commentrightbox{
		background-color: #ececec;
		padding: 10px;
	    margin: 0 73px 0 0; 
		min-height: 35px;
	}
	
	.commentleftarrow{
	    float: left;
		margin: 5px 0 0 5px; 
	}
	
	.commentrightarrow{
	    float: right;
		margin: 5px 5px 0 0; 
	}
	
	.commentbtn{
		font: small Arial, Verdana, Helvetica, sans-serif;
		border: 1px solid #CCC;
		background: #FFF; 
		padding: 3px 5px; 
		color: #333;
	}
	
	.commentleftpic
	{
	   float: left;
	   border:#CCCCCC 1px solid;
	}
    
	.commentrightpic
	{
	   float: right;
	   border:#CCCCCC 1px solid;
	}
	
	.commentleftbox img {
	   border-style: none;
	   width: 16px;
    }

	/*tag/location/categories Menu*/	
	div.sdmenu {
		/*width: 150px;*/
		font: small Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		padding-bottom: 10px;
		/*background: url(../images/bottom.gif) no-repeat  right bottom;*/
		color: #fff;
	}
	div.sdmenu div {
		background: url(../images/title.gif) repeat-x;
		overflow: hidden;
	}
	/*
	div.sdmenu div:first-child {
		background: url(../images/toptitle.gif) no-repeat;
	}*/
	div.sdmenu div.collapsed {
		height: 25px;
	}
	div.sdmenu div span {
		display: block;
		padding: 5px 25px;
		font-weight: bold;
		color: white;
		background: url(../images/expanded.gif) no-repeat 10px center;
		cursor: default;
		border-bottom: 1px solid #ddd;
	}
	div.sdmenu div.collapsed span {
		background-image: url(../images/collapsed.gif);
	}
	div.sdmenu div a {
		padding: 5px 10px;
		background: #eee;
		display: block;
		border-bottom: 1px solid #ddd;
		color: #066;
	}
	div.sdmenu div a.current {
		background : #ccc;
	}
	div.sdmenu div a:hover {
		background : #066 /*url(../images/linkarrow.gif) no-repeat right center*/;
		color: #fff;
		text-decoration: none;

	}
	
	
	
	/*Upload Css*/
	.flash
	{
		width: 375px;
		margin: 10px 0px 10px 0px;
		border-color: #D9E4FF;
	}
	
	.progressWrapper {
		width: 357px;
		overflow: hidden;
	}
	.progressContainer {
		margin: 5px;
		padding: 4px;
		
		border: solid 1px #E8E8E8;
		background-color: #F7F7F7;
		
		overflow: hidden;
	}
	.red /* Error */
	{
		border: solid 1px #B50000;
		background-color: #FFEBEB;
	}
	.green /* Current */ 
	{
		border: solid 1px #DDF0DD;
		background-color: #EBFFEB;
	}
	.blue /* Complete */
	{
		border: solid 1px #CEE2F2;
		background-color: #F0F5FF;
	}
	
	.progressName {
		font-size: 8pt;
		font-weight: bold;
		color: #555555;
		
		width: 323px;
		height: 14px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
	}
	.progressBarInProgress,
	.progressBarComplete,
	.progressBarError {
		font-size: 0px;
		width: 0%;
		height: 2px;
		background-color: blue;
		margin-top: 2px;
	}
	.progressBarComplete {
		width: 100%;
		background-color: green;
		visibility: hidden;
	}
	.progressBarError {
		width: 100%;
		background-color: red;
		visibility: hidden;
	}
	.progressBarStatus {
		margin-top: 2px;
		width: 340px;
		font-size: 7pt;
        font: small Arial, Verdana, Helvetica, sans-serif;
		text-align: left;
		white-space: nowrap;
	}
	a.progressCancel,
	a.progressCancel:link,
	a.progressCancel:active,
	a.progressCancel:visited,
	a.progressCancel:hover
	{
		font-size: 0px;
		display: block;
		height: 14px;
		width: 14px;
		
		background-image: url(../images/cancel.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		float: right;
	}
	a.progressCancel:hover 
	{
		background-position: 0px 0px;
	}

	/*Story Table*/
	#storytbl table.story ,td.col
	{
		border               : 1px solid #CCC;
		border-collapse      : collapse;
		font                 : small Arial, Verdana, Helvetica, sans-serif;
	}
	#storytbl table.story 
	{
		border                :none;
		border                :1px solid #CCC;
	}
	#storytbl thead.head  th,
	#storytbl tbody.body  th
	{
	  background            : #FFF url(../images/th_bck.gif) repeat-x;
	  color                 : #666;  
	  padding               : 2px 5px;
	  border-left           : 1px solid #CCC;
	}
	#storytbl tbody.body  th
	{
	  background            : #fafafb;
	  border-top            : 1px solid #CCC;
	  text-align            : left;
	  font-weight           : small;
	}
	#storytbl tbody.body  tr.row td.col
	{
		padding               : 2px 5px;
		color                 : #666;
	}
	#storytbl tbody.body  tr:hover
	{
	  background            : #FFF url(../images/tr_bck.gif) repeat;
	}
	
	#storytbl tbody.body  tr:hover td.col
	{
	  color                 : #454545;
	}

	/*tab css*/	
	.shadetabs{
	  border-bottom: 1px solid gray;
	/* width: 90%; width of menu. Uncomment to change to a specific width */
	  margin-bottom: 1em;
	  	color: #2d2b2b;
	}
	
	.shadetabs ul{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: small Arial, Verdana, Helvetica, sans-serif;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
		color: #2d2b2b;
	}
	
	.shadetabs li{
	display: inline;
	margin: 0;
		color: #2d2b2b;
	}
	
	.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(../images/shade.gif) top left repeat-x;
	}
	
	.shadetabs li a:visited{
	color: #2d2b2b;
	}
	
	.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
	}
	
	.shadetabs li.selected{
	position: relative;
	top: 1px;
	}
	
	.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(../images/shadeactive.gif);
	border-bottom-color: white;
	}
	
	.shadetabs li.selected a:hover{ /*selected main tab style */
	text-decoration: none;
	}

    /*link button*/	
	.btnC { display: block; position: relative; background: #aaa; padding: 5px;  margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
	.btnC * { font-style: small; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
	.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
	.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
	.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
	.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
	
	* html .btnC span,
	* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }
	
	.btnC.blue { background: #2ae; }
	.btnC.green { background: #9d4; width: 80px;}
	.btnC.gray { background: #CCCCCC; width: 80px;}
	.btnC.lime { background: #bbce00; }
	.btnC.pink { background: #e1a; width: 120px;}
	.btnC:hover { background-color: #a00; color: #fff; }
	.btnC:active { background-color: #444; color: #fff; }
	.btnC[class] {  background-image: url(../images/shade.png); background-position: bottom; }
	
	* html .btnC { border: 3px double #aaa; }
	* html .btnC.blue { border-color: #2ae; }
	* html .btnC.green { border-color: #9d4; }
    * html .btnC.gray { border-color: #CCCCCC; }
	* html .btnC.lime { border-color: #bbce00; }
	* html .btnC.pink { border-color: #e1a; }
	* html .btnC:hover { border-color: #a00; }

	.btnc2 { display: block; position: relative; background: #aaa; padding: 5px;  margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; }
	.btnc2 * { font-style: small; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
	.btnc2 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
	.btnc2 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
	.btnc2 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
	.btnc2 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
	
	* html .btnc2 span,
	* html .btnc2 i { width: 120px; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }
	
	.btnc2.blue { background: #2ae; }
	.btnc2.green { background: #9d4; width: 80px;}
	.btnc2.gray { background: #CCCCCC; width: 80px;}
	.btnc2.lime { background: #bbce	00; }
	.btnc2.pink { background: #e1a; width: 120px;}
	.btnc2:hover { background-color: #a00; color: #fff; }
	.btnc2:active { background-color: #444; color: #fff; }
	.btnc2[class] {  background-image: url(../images/shade.png); background-position: bottom; }
	
	* html .btnc2 { border: 3px double #aaa; }
	* html .btnc2.blue { border-color: #2ae; }
	* html .btnc2.green { border-color: #9d4; }
    * html .btnc2.gray { border-color: #CCCCCC; }
	* html .btnc2.lime { border-color: #bbce00; }
	* html .btnc2.pink { border-color: #e1a; }
	* html .btnc2:hover { border-color: #a00; }

/* begin AS:13/01/2010 */
	.btnCzero { display: block; position: relative; background: #aaa; padding: 5px;  margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
	.btnCzero * { font-style: small; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
	.btnCzero i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
	.btnCzero span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
	.btnCzero span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
	.btnCzero span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
	
	* html .btnCzero span,
	* html .btnCzero i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }
	
	.btnCzero.blue { background: #2ae; }
	.btnCzero.green { background: #9d4; width: 80px;}
	.btnCzero.gray { background: #CCCCCC; width: 108px;}
	.btnCzero.lime { background: #bbce00; }
	.btnCzero.pink { background: #e1a; width: 120px;}
	.btnCzero:hover { background-color: #a00; color: #fff; }
	.btnCzero:active { background-color: #444; color: #fff; }
	.btnCzero[class] {  background-image: url(../images/shade.png); background-position: bottom; }
	
	* html .btnCzero { border: 3px double #aaa; }
	* html .btnCzero.blue { border-color: #2ae; }
	* html .btnCzero.green { border-color: #9d4; }
    * html .btnCzero.gray { border-color: #CCCCCC; }
	* html .btnCzero.lime { border-color: #bbce00; }
	* html .btnCzero.pink { border-color: #e1a; }
	* html .btnCzero:hover { border-color: #a00; }
/* end AS:13/01/2010 */




div.autocomplete {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  padding:0px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { 
  background-color: #EAF2FB;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.cselect /* look&fell of scriptaculous select box*/
{
  margin: 0px 5px 10px 0px;
  font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size:0.8em;
  width:240px; 
  display : block;
  text-align:left; 
  background: url(../images/bg_select.jpg) right;
  height:18px;
  cursor: pointer;
  border:1px solid #ccc;
  color:#999;
}