/*
 * GENERAL
 */
.imageButton:hover {
	cursor: pointer;
}

/* 
 * TITLE 
 */
.title {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  text-align: center;
}

.subTitle {
  color: #777777;
  text-align: center;
}

/* 
 * ADD URL 
 */

.addUrlPanel {
	background-color: #7bbae6;
	overflow: hidden;
}

.addUrlBtn {
	font-size: 19px;
	height: 28px;
}

.addUrlTxt {
	font-size: 14px;
	color: black;
	width: 100%;
	height: 24px;
}

.addUrlTxt-hint {
	color: gray;
	font-style: italic;
}

/* 
 * URL LIST 
 */
.urlListTable {
	cursor: default;
	width: 100%;
	background-color: white;
	border: 2px solid #7bbae6;
	border-collapse: collapse;
}

.urlListTableHeaderRow {
	background-color: #7bbae6;
	color: white;
	font-weight: bold;
}

.urlListTable tr.even {
	background-color: #f0f3f9;
}

.urlListTable tr.even:hover {
	background-color: white;
}

.urlListTable tr.odd {
	background-color: #e3e8ef;
}

.urlListTable tr.odd:hover {
	background-color: white;
}

.urlListTable tr.selectedrow {
	background-color: white;
}

.urlListTable tr.selectedrow:hover {
	background-color: white;
}

.urlListTableUrlText {
    white-space: nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden; 
    max-width:1px;
	font-family: monospace;
}

/* 
 * URL DETAIL 
 */
.urlDetailPanel {
	width: 100%;
	background-color: white;
	border: 2px solid #7bbae6;
}

.urlDetailLbl {
	font-size: 16px;
	font-weight: bold;
	color: #777777;
	height: 24px;
}

.urlDetailTxt {
	font-size: 14px;
	color: black;
	height: 24px;
}

.urlDetailTxt-hint {
	color: gray;
	font-style: italic;
}

.contentTxt {
	font-size: 14px;
	color: black;
	width: 60%;
	height: 300px;
}

.contentTxt-hint {
	color: gray;
	font-style: italic;
}

.saveBtn {
	font-size: 19px;
	height: 28px;
}