/* The css for collapsible div sidebar as implemented in reputedjobs.com */
/* note: the class .ui-icon is from jquery theme's custom.css */

/* code below is for browsers other than IE6*/

html>body #collapsedivwrapper {

	margin: 0px auto;

	padding: 0px;

}

html>body .collapsedivbody {

	padding: 5px 15px 15px;

	/*border: 1px solid #c0c0c0; 

  background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x !important; */

  color: #222222;

  -moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-topright: 0px;

	-moz-border-radius-topleft: 0px;  

  -webkit-border-bottom-right-radius: 5px;

  -webkit-border-bottom-left-radius: 5px;

  -webkit-border-top-right-radius: 0px;

  -webkit-border-top-left-radius: 0px;

  margin-top: -2px;

  margin-left: 1px;

  margin-right: 1px;

}

html>body .collapsedivhead {


	padding: 1.0em 1.2em 1.0em 2.5em !important; 

	cursor: pointer;

	position: relative;

	margin: 5px 778px 1px 0 !important;

	font-size: 100% !important;

	-moz-border-radius-bottomright: 5px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-topleft: 5px;

  -webkit-border-bottom-right-radius: 5px;

  -webkit-border-bottom-left-radius: 5px;

  -webkit-border-top-right-radius: 5px;

  -webkit-border-top-left-radius: 5px;

/*  border: 1px solid #c0c0c0 !important; */

 /* background: #c5c4c4 url(images/ui-bg_glass_75_c5c4c4_1x400.png) 50% 50% repeat-x !important; */

  color: #222222 !important; 

  font-weight: bold !important;

  line-height: 1.3 !important;

}



html>body .collapsedivhead .ui-icon {

position: absolute;

left: 0.7em;

top: 50%;

margin-left: 0px; 

margin-right: 0px;

margin-top: -8px; 

background-image: url(images/ui-icons_ffffff_256x240.png);

background-position: 0 -192px;
width: 16px; height: 16px;
display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
}  



html>body .opendivhead{

  padding: 1.0em 1.2em 1.0em 2.5em !important;

	cursor: pointer;

	position: relative;

	margin:1px 778px 1px 0 !important;

	font-size: 100% !important;

	-moz-border-radius-bottomright: 0px;

	-moz-border-radius-bottomleft: 0px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-topleft: 5px;

  -webkit-border-bottom-right-radius: 0px;

  -webkit-border-bottom-left-radius: 0px;

  -webkit-border-top-right-radius: 5px;

  -webkit-border-top-left-radius: 5px;

 /* border: 1px solid #c0c0c0 !important; */

  /*background: #c5c4c4 url(images/ui-bg_gloss-wave_75_c5c4c4_500x100.png) 50% 50% repeat-x !important;*/

  color: #222222 !important; 

  font-weight: bold !important;

  line-height: 1.3 !important;

}

html>body .opendivhead .ui-icon {

position: absolute;

left: 0.7em;

top: 50%;

margin-left: 0px;  

margin-right: 0px;

margin-top: -8px; 

background-image: url(images/ui-icons_ffffff_256x240.png);

background-position: -16px -192px;
width: 16px; height: 16px;
display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
}

  
/* for IE6 browser*/
  

#collapsedivwrapper {

	margin: 0px auto;

	padding: 0px;

}

.collapsedivbody {

  

	padding: 5px 8px 15px;

	/*border-top: 1px solid #c0c0c0; 

	border-bottom: 1px solid #c0c0c0;

	border-right: 1px solid #c0c0c0;

	border-left: 1px solid #c0c0c0;*/

	zoom: 1;

/*  background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; */

  color: #222222;

  display: none;

  margin-top: -2px;

  margin-left: 1px;

  margin-right: 1px;

  margin-bottom: 5px;

}

.collapsedivhead {

	padding: 1.0em 1.2em 1.0em 3.5em !important;

	cursor: pointer;

	position: relative;
	  
	margin: 5px 1px !important;

	font-size: 100% !important;

	/*border: 1px solid #c0c0c0 !important; */

 /* background: #c5c4c4 url(images/ui-bg_glass_75_c5c4c4_1x400.png) 50% 50% repeat-x !important; */

  color: #222222 !important; 

  font-weight: bold !important;

  line-height: 1.3 !important;

}



.collapsedivhead .ui-icon {

position: absolute;

margin-left: -19px; 

margin-right: 5px;

margin-top: 1px; 

background-image: url(images/ui-icons_ffffff_256x240.png);

background-position: 0 -192px;
width: 16px; height: 16px;
display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
}  



.opendivhead{

  padding: 1.0em 1.2em 1.0em 3.5em !important;

	cursor: pointer;

	position: relative;

	margin:1px !important;

	font-size: 100% !important;

	/*border: 1px solid #c0c0c0 !important; */

/*  background: #c5c4c4 url(images/ui-bg_gloss-wave_75_c5c4c4_500x100.png) 50% 50% repeat-x !important;*/

  color: #222222 !important; 

  font-weight: bold !important;

  line-height: 1.3 !important;

}

.opendivhead .ui-icon {

position: absolute;

margin-left: -19px;  

margin-right: 5px;

margin-top: 1px; 

background-image: url(images/ui-icons_ffffff_256x240.png);

background-position: -16px -192px;
width: 16px; height: 16px;
display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
}